使用相对布局实现梅花图案的实例

各视图组件按照相互之间的相对位置确定，表示将标签中的元素放置到指定元素的下面是:

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>标签定义中间位置，然后以它的位置为中心，定义其他四个按钮位置