Android RelativeLayout

レイアウト RelativeLayout

基準となるパーツとの相対的な関係で位置を決めていくレイアウト。

<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:text="button1" />
    
    <Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_toRightOf="@+id/button1"
        android:text="button2" />
</RelativeLayout>

属性

親viewとの相対位置

中央 : android:layout_centerHorizontal="true" 
右 : android:layout_alignParentRight="true" 
左 : android:layout_alignParentLeft="true" 
中央 : android:layout_centerVertical="true" 
上 : android:layout_alignParentTop="true" 
下 : android:layout_alignParentBottom="true" 
android:layout_centerInParent="true"

基準view(button1)との相対位置

基準viewの上 : android:layout_above="@+id/button1"
基準viewの下 : android:layout_below="@+id/button1"
基準viewの左 : android:layout_toLeftOf="@+id/button1"
基準viewの右 : android:layout_toRightOf="@+id/button1"
上揃い: android:layout_alignTop="@+id/button1"
下揃い : android:layout_alignBottom="@+id/button1"
右揃い : android:layout_alignRight="@+id/button1"
左揃い : android:layout_alignLeft="@+id/button1"

相対位置を指定するための属性

マージンの設定例

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="25px"
    android:layout_below="@id/buttonStop"/>

Androidoのレイアウト

  • FrameLayout 1つのビューを配置するだけのレイアウト
  • RelativeLayout 基準となるパーツとの相対的な関係で位置を決めていくレイアウト
  • linearlayout 他のビューを縦(Vertical)、横(Horizontal)、一列に並べて配置

 

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください