一、效果图如下:

0818b9ca8b590ca3270a3433284dd417.png

第一部是往drawable文件夹里放一个图片名为icon.png的图片,首先在这里说明Android只能放扩展名为png、jpg、gif的图片;

然后编写main.xml文件,代码如下:

android:layout_width="match_parent"

android:layout_height="match_parent" >

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:background="@drawable/icon"

android:layout_centerInParent="true"

android:id="@+id/image0"/>

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:background="@drawable/icon"

android:layout_above="@id/image0"

android:layout_toLeftOf="@id/image0"

android:id="@+id/image1"/>

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:background="@drawable/icon"

android:layout_above="@id/image0"

android:layout_toRightOf="@id/image0"

android:id="@+id/image1"/>

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:background="@drawable/icon"

android:layout_below="@id/image0"

android:layout_toLeftOf="@id/image0"

android:id="@+id/image1"/>

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:background="@drawable/icon"

android:layout_below="@id/image0"

android:layout_toRightOf="@id/image0"

android:id="@+id/image1"/>

说明:

android:layout_above 将该控件的底部 至于给定Id的控件 之上

android:layout_below 将该控件的顶部至于给定ID的控件之下

android:layout_toLeftOf 将该控件的右边缘和给定ID的控件的左边缘对齐

android:layout_toRightOf将该控件的左边缘和给定ID的控件的右边缘对齐

android:layout_alignBaseline将该 控件的baseline 和给定ID的控件 的baseline对齐

android:layout_alignBottom将该控件的底部边缘与给定ID控件的底部边缘对齐

android:layout_alignLeft将该控件的左边缘与给定ID控件的左边缘对齐

android:layout_alignRight将该控件的右边缘与给定ID控件的右边缘对齐

android:layout_alignTop将该控件的顶部边缘与给定ID控件的顶部边缘对齐

android:alignParentBottom 如果该值为true,则将该控件的底部和父控件的底部对齐

android:layout_alignParentLeft 如果该什为true, 则将该控件的左边和父控件的左边对齐

android:layout_alignParentRight 如果该什为true, 则将该控件的右边和父控件的右边对齐

android:layout_alignParentTop 如果该什为true, 则将该控件的顶部和父控件的顶部对齐

android:layout_centerHorizontal如果值为真,该控件将被至于水平方向的中央

android:layout_inParent如果值为真,该控件将被至于父控件水平方向和垂直方向的中央

android:layout_centerVertical如果值为真,该控件将被至于垂直方向的中央

二、效果如图:

0818b9ca8b590ca3270a3433284dd417.png

首先往drawable文件夹里放一个图片名为leaf.png的图片

编写main.xml文件,代码如下:

android:orientation="vertical"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

>

android:id="@+id/view01"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:background="@drawable/leaf"

android:layout_centerInParent="true"

/>

android:id="@+id/view02"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:background="@drawable/leaf"

android:layout_above="@id/view01"

android:layout_alignLeft="@id/view01"

/>

android:id="@+id/view03"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:background="@drawable/leaf"

android:layout_below="@id/view01"

android:layout_alignLeft="@id/view01"

/>

android:id="@+id/view04"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:background="@drawable/leaf"

android:layout_toLeftOf="@id/view01"

android:layout_alignTop="@id/view01"

/>

android:id="@+id/view05"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:background="@drawable/leaf"

android:layout_toRightOf="@id/view01"

android:layout_alignTop="@id/view01"

/>

说明:为了控制该布局容器中各子组件的布局分布,RelativeLayout提供了一个内部类:RelativeLayout.LayoutParams,该类提供了大量的xml属性来控制RelativeLayout布局容器中子组件的布局分布;

除此之外,RelativeLayout.LayoutParams还继承了android.view.ViewGroup.MarginLayoutParams,因此RelativeLayout布局容器中每个子组件也可指定android.view.ViewGroup.MarginLayoutParams所支持的各xml属性。

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐