「LinearLayout」の編集履歴（バックアップ）一覧に戻る

LinearLayout - (2010/09/20 (月) 13:59:37) の編集履歴(バックアップ)

---

LinearLayoutサンプル

LinearLayoutクラスをXMLで定義して画面を作ってみました。
JAVAソースはタイトル変更と参照XMLの名称を変更しただけで

XMLの内容

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
　　android:id="@+id/base001"　--------------------------------------(1)
　　android:orientation="vertical"
　　android:background="#FFFFFF"
　　android:layout_width="fill_parent"
　　android:layout_height="fill_parent"
　　>
<RadioGroup
　　android:id="@+id/radiogroup"
　　android:layout_width="wrap_content"
　　android:layout_height="wrap_content">
　　　　<RadioButton
　　　　　　android:id="@+id/rdio001"
　　　　　　android:layout_width="wrap_content"
　　　　　　android:layout_height="wrap_content"
　　　　　　android:textColor="#000000"
　　　　　　android:text="STAR TREK The Original Series"
　　　　/>
　　　　<RadioButton
　　　　　　android:id="@+id/rdio002"
　　　　　　android:layout_width="wrap_content"
　　　　　　android:layout_height="wrap_content"
　　　　　　android:textColor="#000000"
　　　　　　android:text="STAR TREK The Next Generation"
　　　　/>
　　　　<RadioButton
　　　　　　android:id="@+id/rdio003"
　　　　　　android:layout_width="wrap_content"
　　　　　　android:layout_height="wrap_content"
　　　　　　android:textColor="#000000"
　　　　　　android:text="STAR TREK The Deep Space Nine"
　　　　/>
　　　　<RadioButton
　　　　　　android:id="@+id/rdio004"
　　　　　　android:layout_width="wrap_content"
　　　　　　android:layout_height="wrap_content"
　　　　　　android:textColor="#000000"
　　　　　　android:text="STAR TREK The Voyager"
　　　　/>
　　　　<RadioButton
　　　　　　android:id="@+id/rdio005"
　　　　　　android:layout_width="wrap_content"
　　　　　　android:layout_height="wrap_content"
　　　　　　android:textColor="#000000"
　　　　　　android:text="STAR TREK Enterprise"
　　　　/>
　　</RadioGroup>
　　<LinearLayout
　　　　android:id="@+id/base002"--------------------------------------(2)
　　　　android:orientation="horizontal"
　　　　android:layout_width="310px"
　　　　android:layout_height="wrap_content"
　　　　android:layout_gravity="center_horizontal"
　　　　android:background="#0B2BD7"
　　>
　　　　<CheckBox
　　　　　　android:id="@+id/checkbox001"
　　　　　　android:layout_width="wrap_content"
　　　　　　android:layout_height="wrap_content"
　　　　　　android:text="ＴＶ版"
　　　　/>
　　　　<CheckBox
　　　　　　android:id="@+id/checkbox002"
　　　　　　android:layout_width="wrap_content"
　　　　　　android:layout_height="wrap_content"
　　　　　　android:text="劇場版"
　　　　/>
　　　　<CheckBox
　　　　　　android:id="@+id/checkbox003"
　　　　　　android:layout_width="wrap_content"
　　　　　　android:layout_height="wrap_content"
　　　　　　android:text="その他"
　　　　/>
　　</LinearLayout>
　　<LinearLayout
　　　　android:id="@+id/base003"--------------------------------------(3)
　　　　android:orientation="horizontal"
　　　　android:layout_width="310px"
　　　　android:layout_height="wrap_content"
　　　　android:layout_gravity="center_horizontal"
　　　　android:background="#FF0000"
　　>
　　　　<Button
　　　　　　android:id="@+id/button001"
　　　　　　android:layout_width="wrap_content"
　　　　　　android:layout_height="wrap_content"
　　　　　　android:text="送信"
　　　　/>
　　　　<Button
　　　　　　android:id="@+id/button002"
　　　　　　android:layout_width="wrap_content"
　　　　　　android:layout_height="wrap_content"
　　　　　　android:text="キャンセル"
　　　　/>
　　</LinearLayout>
</LinearLayout>
 

(1) 一番下のLinearLayoutです。ラジオボタンが乗っています。
(2) これが真ん中のLinearLayoutです。チェックボックスが乗っています
(3) これが一番上のLinearLayoutです。ボタンが乗っています。

画面はLinearLayoutを３層に分けてみました。
（階層別に解りやすい様に色を変えています）

• 第１階層

　　ラジオボタンを配置しています。
　　ただし、"RadioGroup "クラスを使用して"RadioButton"をグループ化しています。
　　れをしておかないと"RadioButton"の選択を１つだけにすることができません。
　　"RadioGroup"クラスを使用しなければ全ての"RadioButton"がチェック可能になります。

• 第２階層

　　チェックボックスを配置しています。
　　LinearLayoutとしては独立しています。

• 第３階層

　　ボタンを配置しています。
　　LinearLayoutとしては独立しています。

イメージはこんな感じ。

実行結果