Android解説 layout その１

TextView（ラベル）とEditText（テキストボックス）

プロジェクト（HelloAndroid）からres→layout→main.xmlを開く。

レイアウトタブでビューからTextViewとEditTextを黒い画面にドラッグする。

main.xmlタブでソースを確認する。

<TextView android:text="@+id/TextView01"

              android:id="@+id/TextView01"

              android:layout_width="wrap_content"

              android:layout_height="wrap_content">

TextView>

<EditText android:text="@+id/EditText01"

              android:id="@+id/EditText01"

              android:layout_width="wrap_content"

              android:layout_height="wrap_content">

ソース解説

・android:text="@+id/TextView01"

下の行のandroid:idと同じ値が代入されているので、混乱しますが、画面に出ているテキスト値のデフォルトです。"@+id/TextView01"を“名前”とすると画面表示の内容が変わります。

・     android:id="@+id/TextView01"

「TextView01」の部分がプログラムで使う名前です。デフォルトだと後でわからなくなるので、目的にあった名称します。

他の2行はレイアウトとしてまとめて後ほど解説します。

今回は以下のように修正してみました。（アンダーライン部分）

<TextView android:text="名前"

              android:id="@+id/label_name"

              android:layout_width="wrap_content"

              android:layout_height="wrap_content">

TextView>

<EditText android:text="名前を入力してください。"

              android:id="@+id/text_name"

              android:layout_width="wrap_content"

              android:layout_height="wrap_content">

EditText>

実行結果は下図のようになります。