博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
A06_RelativeLayout的属性设置
阅读量:6763 次
发布时间:2019-06-26

本文共 1853 字,大约阅读时间需要 6 分钟。

设有两个控件one和two,以控件one为基准。由于代码比较简单就不贴了,直接上效果图。

一、第一组:将控件two放在控件one的上、下、左、右、开始、结束。

        android:layout_below="" 上

        android:layout_above="" 下
        android:layout_toLeftOf="" 左
        android:layout_toRightOf="" 右
        android:layout_toStartOf="" 开始
        android:layout_toEndOf=""

由于one控件的位置固定不做变动,two控件在它上方和左边的位置就无法显示出来,效果是只有one控件,不再演示。

图一:android:layout_above 图二:android:layout_toRightOf 图三:android:layout_toEndOf (可以看出效果和 layout_toRightOf 一样,类似layout_toStartOf和layout_toLeftOf效果一样)

二、第二组:align是“对齐”的意思。将控件two和控件one的上边、下边、左边、右边对齐。

android:layout_alignLeft="" 左边对齐

        android:layout_alignRight="" 右边对齐
        android:layout_alignTop="" 上边对齐
        android:layout_alignBottom=""

图一:android:layout_alignLeft 图二:android:layout_alignBottom (底边对齐)

   

三、第三组 :将控件two和父控件(认为布局也是控件)的顶部、底部、左边、右边对齐 。将控件two和控件one的基线对齐
       

android:layout_alignParentLeft=""

        android:layout_alignParentRight="" 和父控件的 右边 对齐

        android:layout_alignParentTop="" 和父控件的 顶部 对齐
        android:layout_alignParentBottom="" 和父控件的 底部 对齐

android:layout_alignBaseline="" 控件two和控件one的基线对齐

图一:android:layout_alignParentLeft: :

图三:android:layout_alignBaseline :图中绿色的水平线就是基线,为了更清楚的显示基线,对Two控件还添加了android:layout_toRightOf属性。

基线解释:书写英语单词时为了规范书写会设有四条线,从上至下第三条就是基线。基线对齐主要是为了两个控件中显示的英文单词的基线对齐。

四、第四组:中心对齐。值为true/false        
        android:layout_centerInParent="" 父控件中心对齐
        android:layout_centerHorizontal="" 水平中兴对齐
        android:layout_centerVertical=""

图一:android:layout_centerInParent:            图二: android:layout_centerHorizontal :       图三:android:layout_centerVertical:

五、第五组:android4.2新增属性。控件one和控件two开始对齐、结束对齐。控件one和父控件开始对齐、结束对齐。
        android:layout_alignStart="" 两个控件开始对齐
        android:layout_alignEnd="" 两个控件 结束 对齐
        android:layout_alignParentStart="" 子控件和父控件开始对齐
        android:layout_alignParentEnd="" 子控件和父控件 结束对齐

为了便于显示效果,在显示layout_alignStart和layout_alignEnd属性时,为Two控件添加了layout_above属性

图一:android:layout_alignStart:   图二:android:layout_alignEnd:     图三:android:layout_alignParentStart: 图四:android:layout_alignParentEnd :

转载地址:http://uofeo.baihongyu.com/

你可能感兴趣的文章
Python中将函数作为另一个函数的参数传入并调用
查看>>
HTML表单(来自MDN的总结)
查看>>
大数据集群搭建 - 1. CDH集群安装 - 环境准备
查看>>
go语言中数组
查看>>
初链共识初步研究
查看>>
vue项目打包为APP,静态资源正常显示,但API请求不到数据
查看>>
正则表达式基本内容
查看>>
Javascript闭包:从过程式到函数式
查看>>
JS 实现持续的动画效果(requestAnimFrame)
查看>>
git命令整理
查看>>
Laravel前端工程化之mix
查看>>
Angular中关于时间的操作总结
查看>>
前端单元测试 实现教程 mocha + mochawesome + istanbul + sinon + chai
查看>>
Django中实现Multi-Select DropDown with Semantic-UI
查看>>
想知道微信怎么做指纹支付开发?看这里!
查看>>
【376天】跃迁之路——程序员高效学习方法论探索系列(实验阶段134-2018.02.16)...
查看>>
如何解决 touchstart 事件与 click 事件的冲突
查看>>
跨域资源共享 CORS 笔记
查看>>
VUE 后台管理界面案例(mock+express)
查看>>
HTML+CSS技术实现网页滑动门效果
查看>>