android 代码中如何设置布局背景颜色 android设置布局背景图_android实现贪吃蛇apk


今天来学习下RelativeLayout布局,新建RelativeActivity,并且打开布局更改根布局如下


<?xml version="1.0" encoding="utf-8"?>


RelativeLayout控制子控件有下面几个常用属性,其值分别为false 或者true

android:layout_alignParentTop="" 子控件与顶部居左对齐 android:layout_alignParentBottom="" 子控件与底部居左对齐 android:layout_alignParentLeft="" 子控件居左
android:layout_alignParentRight="" 子控件居右
android:layout_centerInParent="" 子控件居中
android:layout_centerHorizontal="" 子控件水平居中
android:layout_centerVertical="" 子控件垂直居中
android:layout_above="" 子控件在某个控件之上 值为控件id
android:layout_below="" 子控件在某个控件之下 值为控件id
android:layout_toLeftOf="" 子控件在某个控件的左边 值为控件id
android:layout_toRightOf="" 子控件在某个控件的右边 值为控件id
android:layout_alignTop="" 子控件与某个控件顶部对齐
android:layout_alignBottom="" 子控件与某个控件顶部对齐
android:layout_alignLeft="" 子控件与某个控件左边对齐
android:layout_alignRight="" 子控件与某个控件右边对齐

下面来演示一下,上下左右居中,四个脚各放置一个button,中间在放置一个button


<?xml version="1.0" encoding="utf-8"?>


效果显示如下,当然也可以用上节课提到的FrameLayout 实现


android 代码中如何设置布局背景颜色 android设置布局背景图_android button设置背景图片_02


接下来我们试下layout_above 和layout_below,测试代码如下


<?xml version="1.0" encoding="utf-8"?>


显示效果如下


android 代码中如何设置布局背景颜色 android设置布局背景图_android button设置背景图片_03


然后我们可以设置上面的按钮与中间的按钮右对齐,下面的按钮与中间的按钮左对齐,测试代码如下


<?xml version="1.0" encoding="utf-8"?>


效果如下


android 代码中如何设置布局背景颜色 android设置布局背景图_android实现贪吃蛇apk_04


我们也可以设置上面的按钮放到中间按钮左边,下面按钮放到中间按钮右边,测试代码如下


<?xml version="1.0" encoding="utf-8"?>


显示效果如下


android 代码中如何设置布局背景颜色 android设置布局背景图_framelayout布局_05


我们可以看到由于文字太长,控件太小导致按钮变高了,现在我们让左边的按钮与中间的按钮上面对齐,也就是左边的按钮顶部参考中间按钮,右边按钮底部参考中间按钮,测试代码如下


<?xml version="1.0" encoding="utf-8"?>


显示效果如下


android 代码中如何设置布局背景颜色 android设置布局背景图_android实现贪吃蛇apk_06


总之,RelativeLayout 是一个功能非常强大的布局,属性也比较多。需要初学者多去练习,才能掌握布局技巧。项目中,基本上不会只使用一种布局,很多时候,都是各个布局结合起来,一起使用,进行嵌套。下节开始讲解ConstraintLayout,全新替代RelativeLayout的一种布局。

我是tibbytang