C/C++プログラマの管理者が, Androidプログラムにチャレンジ. AndroidプログラミングのTipsをメモっていく予定です.

縦方向又は横方向に一直線にウィジェットを並べる場合, リニアレイアウト(LinearLayout)を使う.

縦方向に並べる


  • res/values/strings.xml
    • 表示する文字列を定義する.
<?xml version="1.0" encoding="utf-8"?>
<resources>
  <string name="app_name">一直線にウィジェットを並べる</string>
  <string name="textview01_label">名 前</string>
  <string name="textview02_label">住 所</string>
  <string name="button_label">登 録</string>
</resources>
  • res/layout/main.xml
    • LinearLayoutを定義する.
    • android:orientation属性で, 縦向き/横向きのどちらかの整列方向を設定する.
    • 表示する順にウィジェットを定義する.
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="vertical"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  >
  <TextView android:id="@+id/textview01_id"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:text="@string/textview01_label"
    />
  <EditText android:id="@+id/edittext01_id"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    />
  <TextView android:id="@+id/textview02_id"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:text="@string/textview02_label"
    />
  <EditText android:id="@+id/edittext02_id"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    />
  <Button android:id="@+id/button_id"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/button_label"
    />
</LinearLayout>

縦方向のレイアウトに横方向のレイアウトを入れ子にする



  • res/layout/main.xml
    • 縦方向のLinearLayoutを定義する.
    • 入れ子にする横方向のLinearLayoutを定義する.
    • 横方向に表示するウィジェットを定義する.
    • 縦方向に表示するウィジェットを定義する.
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="vertical"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  >
  <LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    >
    <TextView android:id="@+id/textview01_id"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="@string/textview01_label"
      />
    <EditText android:id="@+id/edittext01_id"
      android:layout_width="fill_parent"
      android:layout_height="wrap_content"
      />
  </LinearLayout>
  <LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    >
    <TextView android:id="@+id/textview02_id"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="@string/textview02_label"
      />
    <EditText android:id="@+id/edittext02_id"
      android:layout_width="fill_parent"
      android:layout_height="wrap_content"
      />
  </LinearLayout>
  <Button android:id="@+id/button_id"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/button_label"
    />
</LinearLayout>



コメントをかく


「http://」を含む投稿は禁止されています。

利用規約をご確認のうえご記入下さい

Menu


逆引き(基礎編)

画面表示/操作(49)

フラグメント(1)

逆引き(応用編)

Firebase(2)

AD



管理人/副管理人のみ編集できます