案例演示:相对布局演示
1、创建安卓应用
- 基于
Empty Activity
创建安卓应用 -RelativeLayoutDemo
- 单击【Finish】按钮
2、准备图片素材
- 将背景图片拷贝到
drawable
目录
3、字符串资源文件
- 字符串资源文件 -
strings.xml
4、主布局资源文件
-
主布局资源文件 -
activity_main.xml
-
分析界面:首先确定【中央】按钮,然后其它按钮可以根据与它的相对位置关系来定位。【左上角】按钮、【右上角】按钮、【左下角】按钮与【右下角】按钮可以根据它与父容器的对齐方式来确定。
-
添加中央按钮
-
查看预览效果
-
以【中央】按钮为参考点,添加【左上】按钮
-
查看预览效果
-
同理,添加【右上】、【左下】和【右下】按钮
-
查看预览效果
-
在【左下】按钮正下方添加【确定】按钮
-
查看预览效果
-
在【右下】按钮正下方添加【取消】按钮
-
查看预览效果
-
添加【左上角】、【右上角】、【左下角】和【右下角】按钮
-
查看预览效果
5、启动应用,查看效果
- 查看11个按钮的相对位置
- 课堂练习:添加【上中】、【左中】、【右中】和【下中】四个按钮