レイアウト例 … 相対基準が複数

Android用語集

カテゴリー: ViewGroupクラス  閲覧数:447 配信日:2014-06-16 10:30





構成


・1つのRelativeLayoutを3段で区切る

RelativeLayout
 ┃
 ┣TextView
 ┃ ├android:id="@+id/textView01"
 ┃ ├android:layout_width="wrap_content"
 ┃ └android:text="会社名"
 ┃
 ┣EditText
 ┃ ├android:id="@+id/editText01"
 ┃ ├android:layout_width="match_parent"
 ┃ └android:layout_toRightOf="@+id/textView01"
 ┃
 ┣TextView
 ┃ ├android:id=@+id/textView02
 ┃ ├android:layout_width="wrap_content"
 ┃ ├android:text="住所"
 ┃ ├android:layout_below="@+id/editText01"
 ┃ └android:layout_alignBaseline="@+id/editText02" … の下端基準
 ┃
 ├EditText
 ┃ ├android:id="@+id/editText02"
 ┃ ├android:layout_width="match_parent"
 ┃ ├android:layout_toRightOf=@+id/textView02
 ┃ ├android:layout_below="@+id/textView01"
 ┃ └android:layout_alignLeft="@+id/editText01" … の左端基準
 ┃ 
 ┣TextView
 ┃ ├android:id="@+id/textView03"
 ┃ ├android:layout_width="wrap_content"
 ┃ ├android:text="担当者"
 ┃ ├android:layout_below="@+id/editText02"
 ┃ └android:layout_alignBaseline="@+id/editText03"
 ┃ 
 ├EditText
 ┃ ├android:id="@+id/editText03"
 ┃ ├android:layout_width="match_parent"
 ┃ ├android:layout_toRightOf="@+id/textView03"
 ┃ ├android:layout_below="@+id/textView01"
 ┃ └android:layout_alignLeft="@+id/editText01" … の左端基準
 ┃
 ┗Button
   ├android:layout_width="match_parent"
   ├android:layout_height="wrap_content"
   ├android:text="登録"
   └android:layout_alignParentBottom="true"

android:layout_alignParentBottom
・親ビューの下辺中央に配置


コード


▼/res/layout/activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
   xmlns:android="http://schemas.android.com/apk/res/android"
   android:id="@+id/relativeLayout01"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   android:paddingTop="10dip"
   android:background="@android:color/white">
   <TextView
       android:id="@+id/textView01"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:textColor="#000000"
       android:text="会社名"
       android:layout_alignBaseline="@+id/editText01" />
   <EditText
       android:id="@+id/editText01"
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:singleLine="true"
       android:maxLength="50"
       android:layout_toRightOf="@+id/textView01"
       android:layout_marginLeft="10dip" />
   <TextView
       android:id="@+id/textView02"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:textColor="#000000"
       android:text="住所"
       android:layout_below="@+id/editText01"
       android:layout_alignBaseline="@+id/editText02" />
   <EditText
       android:id="@+id/editText02"
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:singleLine="true"
       android:maxLength="50"
       android:layout_toRightOf="@+id/textView02"
       android:layout_below="@+id/editText01"
       android:layout_alignLeft="@+id/editText01" />
   <TextView
       android:id="@+id/textView03"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:textColor="#000000"
       android:text="担当者"
       android:layout_below="@+id/editText02"
       android:layout_alignBaseline="@+id/editText03" />
   <EditText
       android:id="@+id/editText03"
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:singleLine="true"
       android:maxLength="50"
       android:layout_toRightOf="@+id/textView03"
       android:layout_below="@+id/editText02"
       android:layout_alignLeft="@+id/editText01" />
   <Button
       android:id="@+id/button01"
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:textColor="#000000"
       android:text="登録"
       android:layout_alignParentBottom="true" />
</RelativeLayout>