カテゴリー:
ViewGroupクラス
閲覧数:404 配信日: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>