各视图组件按照相互之间的相对位置确定,表示将标签中的元素放置到指定元素的下面是:
Android:layout_below=“@id/text”;将该元素放置在text元素下
Android:layout_ablove=“@id/text”; 将该元素放置在text元素上
Android:layout_toLeftOf=“@id/text”; 将该元素放置在text元素左面
Android:layout_alignTop=“@id/text”; 将该元素与text元素上部对齐
string.xml文件信息:
<string name="b00">根</string> <string name="b11">茎</string> <string name="b22">花</string> <string name="b33">皮</string> <string name="b44">叶</string>
Main.xml文件信息:
<?xml version="1.0"encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <Button android:id="@+id/no.0" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerInParent="true" android:text="@string/b00"/> <Button android:id="@+id/no.1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_above="@id/no.0" android:layout_toLeftOf="@id/no.0" android:text="@string/b11"/> <Button android:id="@+id/no.2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_above="@id/no.0" android:layout_toRightOf="@id/no.0" android:text="@string/b22"/> <Button android:id="@+id/no.3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@id/no.0" android:layout_toLeftOf="@id/no.0" android:text="@string/b33"/> <Button android:id="@+id/no.4" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@id/no.0" android:layout_toRightOf="@id/no.0" android:text="@string/b44"/> </RelativeLayout>
显示效果图:
整体思路:
首先在string.xml中定义文本的值,然后在main.xml中,定义整体布局,首先使用<RelativeLayout>标签定义中间位置,然后以它的位置为中心,定义其他四个按钮位置