カテゴリー:
ViewGroupクラス
閲覧数:498 配信日:2014-07-02 07:40
構成
・1つのRelativeLayoutの中に、LinearLayout、Button、RelativeLayout を配置
RelativeLayout
┃
┣LinearLayout
┃│├android:id="@+id/ButtonContainer"
┃│├android:layout_width="match_parent"
┃│└android:layout_height="wrap_content"
┃│
┃├Button
┃│ ├android:id="@+id/Button1"
┃│ ├android:layout_width="0dp"
┃│ ├android:layout_height="wrap_content"
┃│ ├android:layout_weight="1"
┃│ └android:text="1"
┃│
┃├Button
┃│ ├android:id="@+id/Button2"
┃│ ├android:layout_width="0dp"
┃│ ├android:layout_height="wrap_content"
┃│ ├android:layout_weight="1"
┃│ └android:text="2"
┃│
┃└Button
┃ ├android:id="@+id/Button3"
┃ ├android:layout_width="0dp"
┃ ├android:layout_height="wrap_content"
┃ ├android:layout_weight="1"
┃ └android:text="3"
┃
┣Button
┃ ├android:id="@+id/Button4"
┃ ├android:layout_width="wrap_content"
┃ ├android:layout_height="wrap_content"
┃ ├android:layout_below="@+id/ButtonContainer"
┃ ├android:layout_alignBottom="@+id/ButtonContainer2" … 「一番下に配置したRelativeLayout」の下端を基準
┃ └android:text="4"
┃
┗RelativeLayout
│├android:id="@+id/ButtonContainer2"
│├android:layout_width="match_parent"
│├android:layout_height="wrap_content"
│├android:layout_toRightOf="@+id/Button4"
│└android:layout_below="@+id/ButtonContainer" … 「一番上に配置したLinearLayout」の下
│
├Button
│ ├android:id="@+id/Button5"
│ ├android:layout_width="match_parent"
│ ├android:layout_height="wrap_content"
│ └android:text="5"
│
└Button
├android:id="@+id/Button6"
├android:layout_width="match_parent"
├android:layout_height="wrap_content"
├android:layout_below="@+id/Button5"
└android:text="6"
コード
▼/res/layout/activity_main.xml
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" tools:context=".MainActivity" > <!-- Button1 の右に 2 つボタンを並べて均等割付する --> <LinearLayout android:id="@+id/ButtonContainer" android:layout_width="match_parent" android:layout_height="wrap_content"> <Button android:id="@+id/Button1" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:text="1"/> <Button android:id="@+id/Button2" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:text="2"/> <Button android:id="@+id/Button3" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:text="3"/> </LinearLayout> <!-- Button4 の右に、縦に 2 つのボタンを並べる --> <!-- Button4 の大きさは、縦に 2 つ並べたボタン分の高さに合わせる --> <Button android:id="@+id/Button4" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@+id/ButtonContainer" android:layout_alignBottom="@+id/ButtonContainer2" android:text="4"/> <RelativeLayout android:id="@+id/ButtonContainer2" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_toRightOf="@+id/Button4" android:layout_below="@+id/ButtonContainer"> <Button android:id="@+id/Button5" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="5"/> <Button android:id="@+id/Button6" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_below="@+id/Button5" android:text="6"/> </RelativeLayout></RelativeLayout> |