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

Android用語集

カテゴリー: ViewGroupクラス  閲覧数:393 配信日:2014-06-01 07:37




構成


・1つのRelativeLayoutの中に5つのButtonを配置

RelativeLayout
 ┃
 ┣Button
 ┃ ├android:id="@+id/center"
 ┃ ├android:layout_centerInParent
 ┃ └android:text="☆"
 ┃
 ┣Button
 ┃ ├android:layout_above="@+id/center" … "☆"の上
 ┃ ├android:layout_alignLeft="@+id/center" … "☆"の左端を基準 
 ┃ └android:text="↑"
 ┃
 ┣Button
 ┃ ├android:layout_below="@+id/center" … "☆"の下
 ┃ ├android:layout_alignLeft="@+id/center" "☆"の左端を基準
 ┃ └android:text="↓"
 ┃
 ┣Button
 ┃ ├android:layout_toLeftOf="@+id/center" … "☆"の右
 ┃ ├android:layout_alignTop="@+id/center" … "☆"の上端を基準とする
 ┃ └android:text="←"
 ┃
 ┗Button
   ├android:layout_toRightOf="@+id/center" … "☆"の左
   ├android:layout_alignTop="@+id/center" … "☆"の上端を基準とする
   └android:text="→"


コード


▼/res/layout/activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
       android:layout_width="fill_parent"
   android:layout_height="fill_parent"
   android:background="@android:color/darker_gray"
       android:padding="20dip">
       <Button
           android:id="@+id/center"
           android:layout_width="50dip"
               android:layout_height="50dip"
               android:layout_centerInParent="true"
               android:text="☆" />
       <Button
           android:id="@+id/avobe"
           android:layout_width="50dip"
               android:layout_height="50dip"
               android:layout_above="@+id/center"
               android:layout_alignLeft="@+id/center"
               android:text="↑" />
       <Button
           android:id="@+id/below"
           android:layout_width="50dip"
               android:layout_height="50dip"
               android:layout_below="@+id/center"
               android:layout_alignLeft="@+id/center"
               android:text="↓" />
       <Button
           android:id="@+id/left"
           android:layout_width="50dip"
               android:layout_height="50dip"
               android:layout_toLeftOf="@+id/center"
               android:layout_alignTop="@+id/center"
               android:text="←" />
       <Button
           android:id="@+id/right"
           android:layout_width="50dip"
               android:layout_height="50dip"
               android:layout_toRightOf="@+id/center"
               android:layout_alignTop="@+id/center"
               android:text="→" />
</RelativeLayout>