LinearLayout


※上記の広告は60日以上更新のないWIKIに表示されています。更新することで広告が下部へ移動します。

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="TV版"
    />
    <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を3層に分けてみました。
(階層別に解りやすい様に色を変えています)

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

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

  • 第3階層
  ボタンを配置しています。
  LinearLayoutとしては独立しています。

イメージはこんな感じ。

実行結果

|新しいページ|検索|ページ一覧|RSS|@ウィキご利用ガイド | 管理者にお問合せ
|ログイン|