首页 > 其他分享 >你必须知道的RelativeLayout布局知…

你必须知道的RelativeLayout布局知…

时间:2023-04-30 17:36:58浏览次数:39  
标签:widget layout 布局 参数值 标识 必须 RelativeLayout Container android


RelativeLayout是应用开发中必须掌握的布局方式,今天给大家分享一些它的常用属性说明。

我们从RelativeLayout可以知道,该布局的父子Container中所有的Widgets之间的位置都是相对的。你可以把Widget A放在Widget的左下方,或者放在Widget的底边并和Container的底边之间。它允许为Container或者widget指定其相对于其他widgets或者父Container的位置。Container或者widgets是按顺序排列的,如果第一个Container或者widget在屏幕的中央,那么相对于其的其他Container和widgets将以屏幕的中央来排列。如果使用XML的Layout文件来定义,被引用的Container或者widgets必须被定义。

在XML的layout文件中,我们就能够引用同一文件的Widgets,并且可以标识其他Widgets的相对位置。

标识一个Widgets在其Container中的位置,我们有下面的属性参数可以用,这些参数的值可以使true或者false:
1).android:layout_alignParentTop: 表示widget的顶部和Container的顶部重合。
2).android:layout_alignParentBottom: 表示widget的底部和Container的底部重合。
3).android:layout_alignParentLeft: 表示widget的左边和Container的左边重合。
4).android:layout_alignParentRight: 表示widget的右边和Container的右边重合。
5).android:layout_centerHorizontal: 表示widget处于Container水平方向上的中间。
6).android:layout_centerVertical: 表示widget处于Container垂直方向上的中间。
7).android:layout_centerInParent: 表示widget处于Container平面上的正中间。

标识同一个Container中的不同的widgets之间的相对位置时,可有用如下的属性参数,参数值是其他widgets的应用。相对位置上的widgets的引用的设定如下:首先必须给所有的被引用的widgets赋予标示符,通过android:id的属性,格式如@+id/widget1,然后在其他widget引用的时候使用同样的标示符,格式如@id/widget1,例:如果widget A标识为@+id/widget A,则widget B在其属性里面通过@id/widget A引用widget A。
1).android:layout_above: 表示该widget必须位于参数值标识的widget的上方。
2).android:layout_below: 表示该widget必须位于参数值标识的widget的下方。
3).android:layout_toLeftOf: 表示该widget必须位于参数值标识的widget的左方。
4).android:layout_toLeftOf: 表示该widget必须位于参数值标识的widget的右方。
5).android:layout_alignTop: 表示该widget的顶部必须参数值标识的widget的顶部重合。
6).android:layout_alignBottom: 表示该widget的底部必须参数值标识的widget的底部重合。
7).android:layout_alignLeft: 表示该widget的左边必须参数值标识的widget的左边重合。

8).android:layout_alignRight: 表示该widget的右边必须参数值标识的widget的右边重合。

9).android:layout_alignBaseLine: 表示该widget的BaseLine必须参数值标识的widget的BaseLine重合。这个主要用于Label或者其他包含文本的widgets。

标签:widget,layout,布局,参数值,标识,必须,RelativeLayout,Container,android
From: https://blog.51cto.com/u_548275/6237906

相关文章

  • 答题积分小程序云开发实战-界面交互篇:答题页布局样式与逻辑交互开发
    微信小程序云开发实战-答题积分赛小程序界面交互篇:答题页布局样式与逻辑交互开发答题页原型稿实现思路分析:1)答题未选中状态;2)答题已选中状态,点击确定提交选中结果;3)显示答案以及题目解析,如回答正确,自动进入下一题;如回答错误,停留在当前答题页面;4)每次答完10题,答对分数才会计入积分;5)最后......
  • HashMap的数组长度为何必须是2的n次方
    扩容方便,数字位移计算方便效率高;计算元素下标使用的方式是key的hash&(数组length-1),由于length是2^n,转换成二进制后2^-1最低位就全部都是1,比如111,就相当于是数组长度的掩码,那么hash&111就可以将数组的每一位都覆盖,加入数组长度不是2^n,那么length-1低位不全是1,比如101,那么h......
  • 【移动端网页布局】移动端网页布局基础概念 ⑤ ( 视网膜屏技术 | 二倍图概念 | 代码示
    文章目录一、视网膜屏技术二、二倍图概念三、代码示例一、视网膜屏技术PC端和早期的移动端网页中,CSS中配置的1像素对应的就是物理屏幕中的1像素;Retina视网膜屏幕技术出现后,将多个物理像素压缩到一块屏幕中,可以达到更高的分辨率,画面显示效果更好;下......
  • C# 蓝牙开发你必须知道
    ​    无线,无网络环境上位机与下位机连接方式比较常见的就是蓝牙与串口,这里记录回顾一下这段时间蓝牙开发方面的记录。    蓝牙分为BLE蓝牙与经典蓝牙,两者主频都是2.4GHz,传输距离,范围,吞吐量可以自己网上详细查找,这里不详细展出,1.蓝牙传输必然得有传输......
  • css--常见左右盒子宽度高度自适应布局
    css--常见左右盒子宽度高度自适应布局 前言前端开发工程师最基础的技能要求是根据ui设计稿还原网页,这就缺少不了必要的网页布局,首先看下最近小伙伴问我的一个问题,他说一个网页有左右两个部分,左右两个部分的宽高度都不固定,要使得右部分的宽度充满剩余的部分,并且高度随......
  • 必须经典GPT4.0
    学习C#编程,有一些经典的教材和资源值得关注。下面列出了一些建议供你参考:1.《C#编程黄皮书》(C#ProgrammingYellowBook):RobMiles编著的这本书是学习C#的经典教材,适合初学者。书中详细介绍了C#的基本概念和编程技巧,同时也涵盖了面向对象编程等高级主题。2.《C#7.0inaNu......
  • 必须经典续
    除了上述资源外,还有其他一些优质的C#学习资源和方法供你参考:8.《HeadFirstC#》:这是一本由AndrewStellman和JenniferGreene编著的C#入门教程。采用富有创意的教学方式,帮助初学者更快地掌握C#基本概念和技巧。9.《EssentialC#》:MarkMichaelis编著的这本书详细......
  • 在线设计Tkinter界面,生成Python代码,Tkinter布局助手,拖拽生成界面,tkinter designer,可视
    设计地址:https://www.pytk.net/tkinter-helper/? 运行演示  教程地址:https://www.pytk.net/tkinter.html 常用演示"""本代码由[Tkinter布局助手]生成当前版本:3.2.4官网:https://www.pytk.net/tkinter-helperQQ交流群:788392508"""fromtkinterimportmessag......
  • Vue2实现部分页面使用rem布局
    1.计算rem值的比例,这里是1920的设计图;setRem(){/***@file:index.vue*@method:setRemPc*@param:*@return:*@description:计算rem大小*@date:*/varwhdef=100/1920;//表示1920的设计图,使用100PX的默认值varbodyWidth=document.body.cli......
  • 一统天下 flutter - widget 布局类(可以有多个子): CustomMultiChildLayout - 自定义多
    源码https://github.com/webabcd/flutter_demo作者webabcd一统天下flutter-widget布局类(可以有多个子):CustomMultiChildLayout-自定义多组件布局示例如下:lib\widget\layout\custom_multi_child_layout.dart/**CustomMultiChildLayout-自定义多组件布局*......