レイアウト例 … 1つのLinearLayoutの中に4つのLinearLayout

Android用語集

カテゴリー: ViewGroupクラス  閲覧数:559 配信日:2014-05-24 06:16




概要


水平方向で「android:layout_weight」使用する際は、「android:layout_width="0dp"」指定
 
LinearLayout全体を覆う大枠

LinearLayout
LinearLayout左
・top … 「android:gravity="top"」
LinearLayout右
・bottom … 「android:gravity="bottom"」

LinearLayout
LinearLayout左
・left … 「android:gravity="left"」
LinearLayout右
・right … 「android:gravity="right」

LinearLayout
LinearLayout左
・center_vertical … 「android:gravity="center_vertical"」
LinearLayout右
・center_horizontal … 「android:gravity="center_horizontal"」

LinearLayout
LinearLayout左
・center … 「android:gravity="center"」
LinearLayout右
・bottom|right … 「android:gravity="bottom|right"」


構成


・1つのLinearLayoutの中に4つのLinearLayoutを配置
・その4つのLinearLayoutそれぞれへ対して、2つずつのLinearLayoutを配置

LinearLayout大枠
 │
 │
 ├LinearLayout
 │ ├LinearLayout
 │ │  └Button
 │ └LinearLayout
 │    └Button
 │
 ├LinearLayout
 │ ├LinearLayout
 │ │  └Button
 │ └LinearLayout
 │    └Button
 │
 ├LinearLayout
 │ ├LinearLayout
 │ │  └Button
 │ └LinearLayout
 │    └Button
 │ 
 └LinearLayout
   ├LinearLayout
   │  └Button
   └LinearLayout
      └Button



コード


▼/res/layout/activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
   xmlns:android="http://schemas.android.com/apk/res/android"
   android:id="@+id/LinearLayout01"
   android:layout_height="match_parent"
   android:layout_width="match_parent"
   android:orientation="vertical"
   android:background="#288ecc">
   <LinearLayout
       android:id="@+id/LinearLayout02"
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:orientation="horizontal">
       <LinearLayout
           android:id="@+id/LinearLayout06"
           android:layout_width="0dp"
           android:layout_height="wrap_content"
           android:layout_weight="1"
           android:background="#808080"
           android:gravity="top"
           android:minHeight="100dip">
           <Button
               android:text="top"
               android:id="@+id/Button01"
               android:layout_width="wrap_content"
               android:layout_height="wrap_content">
           </Button>
       </LinearLayout>
       <LinearLayout
           android:id="@+id/LinearLayout07"
           android:layout_width="0dp"
           android:layout_height="wrap_content"
           android:layout_weight="1"
           android:background="#FFFFFF"
           android:minHeight="100dip"
           android:gravity="bottom">
           <Button
               android:text="bottom"
               android:id="@+id/Button02"
               android:layout_width="wrap_content"
               android:layout_height="wrap_content">
           </Button>
       </LinearLayout>
   </LinearLayout>
   <LinearLayout
       android:id="@+id/LinearLayout03"
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:orientation="horizontal">
       <LinearLayout
           android:id="@+id/LinearLayout08"
           android:layout_width="0dp"
           android:layout_height="wrap_content"
           android:layout_weight="1"            
           android:background="#FFFFFF"
           android:minHeight="100dip"
           android:gravity="left">
           <Button
               android:text="left"
               android:id="@+id/Button03"
               android:layout_width="wrap_content"
               android:layout_height="wrap_content">
           </Button>
       </LinearLayout>
       <LinearLayout
           android:id="@+id/LinearLayout09"
           android:layout_width="0dp"
           android:layout_height="wrap_content"
           android:layout_weight="1"            
           android:background="#808080"
           android:minHeight="100dip"
           android:gravity="right">
           <Button
               android:text="right"
               android:id="@+id/Button04"
               android:layout_width="wrap_content"
               android:layout_height="wrap_content">
           </Button>
       </LinearLayout>
   </LinearLayout>
   <LinearLayout
       android:id="@+id/LinearLayout04"
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:orientation="horizontal">
       <LinearLayout
           android:id="@+id/LinearLayout10"
           android:layout_width="0dp"
           android:layout_height="wrap_content"
           android:layout_weight="1"            
           android:background="#808080"
           android:minHeight="100dip"
           android:gravity="center_vertical">
           <Button
               android:text="center_vertical"
               android:id="@+id/Button05"
               android:layout_width="wrap_content"
               android:layout_height="wrap_content">
           </Button>
       </LinearLayout>
       <LinearLayout
           android:id="@+id/LinearLayout11"
           android:layout_width="0dp"
           android:layout_height="wrap_content"
           android:layout_weight="1"            
           android:background="#FFFFFF"
           android:minHeight="100dip"
           android:gravity="center_horizontal">
           <Button
               android:text="center_horizontal"
               android:id="@+id/Button06"
               android:layout_width="wrap_content"
               android:layout_height="wrap_content">
           </Button>
       </LinearLayout>
   </LinearLayout>
   <LinearLayout
       android:id="@+id/LinearLayout05"
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:orientation="horizontal">
       <LinearLayout
           android:id="@+id/LinearLayout12"
           android:layout_width="0dp"
           android:layout_height="wrap_content"
           android:layout_weight="1"            
           android:background="#FFFFFF"
           android:minHeight="100dip"
           android:gravity="center">
           <Button
               android:text="center"
               android:id="@+id/Button07"
               android:layout_width="wrap_content"
               android:layout_height="wrap_content">
       </Button>
       </LinearLayout>
       <LinearLayout
           android:id="@+id/LinearLayout13"
           android:layout_width="0dp"
           android:layout_height="wrap_content"
           android:layout_weight="1"              
           android:background="#808080"
           android:minHeight="100dip"
           android:gravity="bottom|right">
           <Button
               android:text="bottom|right"
               android:id="@+id/Button08"
               android:layout_width="wrap_content"
               android:layout_height="wrap_content">
           </Button>
       </LinearLayout>
   </LinearLayout>
</LinearLayout>