Android - 布局详解之LinearLayout与RelativeLayout

本篇博文只针对LinearLayout与RelativeLayout

我们在新建一个布局文件时,一般遵循这样的思路:先确定该文件对应的界面中各个布局和控件的位置和大小,然后再来设置各个布局和控件的其他属性,如背景、文字等。


                                                      上篇    确定控件的位置和尺寸

在确定各个布局和控件的位置和大小时,首先需要考虑的是最外层的Layout的位置,有如下两种方法可以采用:

1、直接设置最外层的Layout填充父窗体,即:
android:layout_width="match_parent"
android:layout_height="match_parent"  ,  这将不涉及Layout与父窗体边缘的距离设置。

2、设置最外层Layout的长宽中的一个或两个的值刚好适应子布局和控件的尺寸,即:
设置android:layout_width="  "、android:layout_height="  "中的一个或两个属性的值为wrap_content,
这种情况下,Layout默认是左边缘和上边缘与父窗体对齐,如果想改变它的显示位置,可使用如下几种方式:

A、直接用一个具体的值来指定Layout与父窗体边缘的距离,需要使用这几个属性:
android:layout_marginLeft设置该Layout距离父窗体左边缘的距
android:layout_marginTop设置该Layout距离父窗体上边缘的距离
   
B、用非具体数值的方式来确定Layout在父窗体中的位置,需要使用这几个属性:
android:layout_gravity="  ",
可以选择的常用值有:center_vertical、center_horizontal(竖直居中、水平居中)等
但需要注意的是,使用A、B两种方式是会有冲突的,这会增加维护的难度,最好不要同时使用。

上述解决了Layout在父窗体中的位置和大小设置的问题,LinearLayout与RelativeLayout皆适用。
那么,一个 LinearLayout或RelativeLayout中的控件(布局)的位置 又是怎么来确定呢?

在界面比较复杂的情况下,我们可以先将这个Layout中的所有子Layout和控件都视为子控件,待处理完这个Layout中的子控件的位置后,再来处理子Layout中的控件的位置和大小,有点类似递归的思想。

同样,在设置Layout中的控件的位置时,LinearLayout与RelativeLayout也有很多可以共用的属性
比如使用如下几种方式来设置:
A、直接用一个具体的值来指定Layout中的内容与Layout边缘的距离,需要使用这几个属性:
android:paddingLeft设置该Layout中的内容距离该Layout左边缘的距离
android:paddingTop设置该Layout中的内容距离该Layout上边缘的距离
android:paddingRight设置该Layout中的内容距离该Layout右边缘的距离
android:paddingBottom设置该Layout中的内容距离该Layout下边缘的距离

B、用非具体数值的方式来确定该Layout中的内容的位置,需要使用以下属性:
android:gravity                                      
可以选择的常用值有:center_vertical、center_horizontal、right(竖直居中、水平居中、靠右)等
但需要注意的是,使用A、B两种方式是会有冲突的,这会增加维护的难度,最好不要同时使用。

除此之外,在设置Layout中的控件的位置时,LinearLayout与RelativeLayout也有很多不同的属性。
接下来分析,LinearLayout与RelativeLayout的属性有何不同?在使用时怎么选择?

一、LinearLayout

LinearLayout的注释:
/*** A Layout that arranges its children in a single column or a single row. The direction of * the row can be set by calling {@link #setOrientation(int) setOrientation()}. * You can also specify gravity, which specifies the alignment of all the child elements by* calling {@link #setGravity(int) setGravity()} or specify that specific children * grow to fill up any remaining space in the layout by setting the <em>weight</em> member of* {@link android.widget.LinearLayout.LayoutParams LinearLayout.LayoutParams}.* The default orientation is horizontal.*/
//LinearLayout 将它的子布局(控件)排成一行或一列,可以调用setOrientation()方法来设置排列
//的方向,或者调用setGravity()方法    //来指定子布局(控件)的对齐方式,还可以设置weight的值
//来改变子布局(控件)的填充范围,默认排列方向是horizontal
public class LinearLayout extends ViewGroup {}
在设置Layout里边的控件的位置时,LinearLayout中的控件可以使用的属性有:

A、设置该控件距左、上、右、下边(无论是父控件还是兄弟控件)的长度(在RelativeLayout中也适用):
android:layout_marginLeft设置该控件距左边(无论是父控件还是兄弟控件)的长度
android:layout_marginTop设置该控件距上边(无论是父控件还是兄弟控件)的长度
android:layout_marginRight设置该控件距右边(无论是父控件还是兄弟控件)的长度
android:layout_marginBottom设置该控件距下边(无论是父控件还是兄弟控件)的长度
    
B、用非具体数值的方式来确定该控件在父窗体中的位置,需要使用这几个属性:
android:layout_gravity="  ",
可以选择的常用值有:center_vertical、center_horizontal(竖直居中、水平居中)等
C、在控件内用android:layout_weight 属性修改控件在父控件中的填充比例
关于这个属性的使用,这里不再讲述,网上已有分析,链接如下:
layout_weight的深刻理解

二、RelativeLayout

RelativeLayout的注释:
/*** A Layout where the positions of the children can be described in relation to each other or to the* parent.*/
//在RelativeLayout中,可以依据一个子布局(控件)与其他子布局(控件)
//或者父窗体的相对位置关系来描述它的位置
public class RelativeLayout extends ViewGroup {}
在设置Layout里边的控件的位置时,RelativeLayout中的控件可以使用的属性有:

A、设置该控件和父控件的相对位置(属性值为true或false):
android:layout_centerHrizontal水平居中
android:layout_centerVertical垂直居中
android:layout_centerInparent相对于父元素完全居中
android:layout_alignParentBottom贴紧父元素的下边缘
android:layout_alignParentLeft贴紧父元素的左边缘
android:layout_alignParentRight贴紧父元素的右边缘
android:layout_alignParentTop贴紧父元素的上边缘

B、设置该控件和某个兄弟控件的相对位置(属性值为控件的id):
android:layout_below在某元素的下方
android:layout_above在某元素的的上方
android:layout_toLeftOf在某元素的左边
android:layout_toRightOf在某元素的右边
android:layout_alignBaseline本元素的baseline和给定元素的baseline对齐
android:layout_alignTop本元素的上边缘和某元素的的上边缘对齐
android:layout_alignLeft本元素的左边缘和某元素的的左边缘对齐
android:layout_alignBottom本元素的下边缘和某元素的的下边缘对齐
android:layout_alignRight本元素的右边缘和某元素的的右边缘对齐

C、设置该控件距左、上、右、下边(无论是父控件还是兄弟控件)的长度(属性值为具体值如30dip,在LinearLayout中也适用):
android:layout_marginLeft设置该控件距左边(无论是父控件还是兄弟控件)的长度
android:layout_marginTop设置该控件距上边(无论是父控件还是兄弟控件)的长度
android:layout_marginRight设置该控件距右边(无论是父控件还是兄弟控件)的长度
android:layout_marginBottom设置该控件距下边(无论是父控件还是兄弟控件)的长度



                                                     下篇    确定控件的其他属性

以下为各个控件的常用属性总结:


(待补充)


转载于:https://www.cnblogs.com/hwgt/p/5414401.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/492449.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

MFC制作计算器

1、代码如下&#xff1a; // zsjsqDlg.cpp : implementation file //#include "stdafx.h" #include "zsjsq.h" #include "zsjsqDlg.h"#ifdef _DEBUG #define new DEBUG_NEW #undef THIS_FILE static char THIS_FILE[] __FILE__; #endif/ // CAb…

AI2:预计2030年中国AI研究或领跑全球

来源&#xff1a;网络大数据据美国科技媒体GeekWire报道&#xff0c;美国西雅图艾伦人工智能研究所(AI2)的一项最新分析表明&#xff0c;到2030年&#xff0c;中国有望成为人工智能领域的全球领跑者。A12研究所对人工智能领域最具影响力的研究论文加以统计&#xff0c;并利用语…

文件夹查找文件(一个文件夹文件查找函数 Delphi)

procedure TfrmMain.SearchPath(path, filename: string; recurse: Boolean;List: TStringList); //recurse 是否包递归查找目录procedure Traverse(APath: string);varf: TSearchRec;I: Integer;beginif recurse thenbeginif FindFirst(APath filename,faDirectory,f) 0 …

MFC中树形控件的应用——电话簿

一、电话薄的代码如下&#xff1a; 1、 // PhoneDlg.cpp : implementation file //#include "stdafx.h" #include "Phone.h" #include "PhoneDlg.h" #include "AddDlg.h" #include "ModifyDlg.h" #ifdef _DEBUG #define ne…

一口气逛完AWE的10个展馆 我观察出了三大趋势

来源&#xff1a;网易智能走进任何一个展位&#xff0c;你都可以感受到人工智能大脑的神奇之处。3月14日&#xff0c;中国家电及消费电子博览会&#xff08;AWE&#xff09;在上海开幕&#xff0c;如果说2018年AWE是AI赋能的开局之年&#xff0c;那对于2019年而言&#xff0c;A…

Objective-C之null NaN undefined

http://blog.csdn.net/siemenliu/article/details/6568306转载于:https://www.cnblogs.com/man-li/p/4359557.html

设备环境DC

一、关于设备环境DC的描述&#xff1a; Windows应用程序通过为指定设备&#xff08;屏幕&#xff0c;打印机等&#xff09;创建一个设备环境&#xff08;Device Context, DC&#xff09;&#xff0c;在DC表示的逻辑意义的“画布”上进行图形的绘制。 DC是一种包含设备信息的数据…

下一次工业革命:计算生物学与生物平台

来源&#xff1a;资本实验室人类科技的进步一直离不开两个方向的并行&#xff1a;一是不断扩大对外部世界的探索&#xff0c;例如新元素与新材料的发现、月球与火星探险、极地气候变化研究&#xff1b;一个是不断深化对我们自身身体与生命的认识&#xff0c;例如手术技术开发、…

20150321BC

BC的界面貌似变得很漂亮的样子&#xff08;暴露了多久没打BC了。。。&#xff09;写在之前&#xff1a;这学期遇到了点事情&#xff0c;所以心情很受影响&#xff0c;代码也没怎么敲&#xff0c;课程本来就紧&#xff0c;再加上转专业的一堆破事&#xff0c;所以有些不爽...影响…

MFC制作打地鼠小游戏

一、游戏说明如下&#xff1a; 打中老鼠加一分&#xff0c;当得分值小于10分时&#xff0c;老鼠每0.8秒出现一次&#xff0c;当得分值大于等于10分并且小于50分时&#xff0c;老鼠每0.6秒出现一次。当得分值大于等于50分时&#xff0c;老鼠每0.4秒出现一次。这个游戏是参考别人…

人机大战三周年:围棋界发生了哪些巨变?

来源&#xff1a;弈客围棋三年前的2016年3月15日&#xff0c;举世瞩目的第一次“人机大战”结束&#xff0c;代表人类出战的棋手李世石九段1比4不敌横空出世的围棋人工智能AlphaGo&#xff0c;正式宣告了围棋AI时代的开启。三年后的现在&#xff0c;围棋界的生态环境与三年前相…

rails 命令

创建新项目&#xff1a;rails new meetup -d mysql migrate数据库&#xff1a;rake db:create db:migrate 生成controller&#xff1a;rails generate controller welcome 生成model&#xff1a;rails g model event name:string description:text is_public:boolean capacity:…

在状态栏中显示鼠标位置坐标

&#xff08;1&#xff09;在状态栏资源中添加一个窗格。实现的方法是打开MainFrm.cpp文件&#xff0c;找到静态数 组indicators的定义&#xff0c;在第一个数组元素ID_SEPARATOR后面增加一个新的数组元素&#xff0c;即 添加了一个新的窗格&#xff0c;为了表明这个窗格的用…

一文了解半导体的过去、现在和未来

来源&#xff1a;中科院半导体所半导体发展历史1 半导体是信息化的基础上个世纪半导体大规模集成电路、半导体激光器、以及各种半导体器件的发明&#xff0c;对现代信息技术革命起了至关重要的作用&#xff0c;引发了一场新的全球性产业革命。信息化是当今世界经济和社会发展的…

C++面试宝典第9题:找出第K大元素

题目 给定一个整数数组a,同时给定它的大小N和要找的K(1 <= K <= N),请根据快速排序的思路,找出数组中第K大的数(保证答案存在)。比如:数组a为[50, 23, 66, 18, 72],数组大小N为5,K为3,则第K大的数为50。 解析 这道题主要考察应聘者对于快速排序的理解,以及实…

MFC中修改应用程序主窗口的标题

1、第一种方法&#xff1a; 找到字符串资源中的IDR_MAINFRAME&#xff0c; 将“MyTextOut\n\nMyText\n\n\nMyTextOut.Document\nMyTextDocument”替换为 “我的窗口\n\nMyText\n\n\nMyTextOut.Document\nMyTextDocument”。 效果如下&#xff1a; 2、第二种方法&#xff1a; 在…

中国占三分之一!CBinsights世界最新独角兽排名出炉

来源&#xff1a;智东西摘要&#xff1a;揭晓最新的全球独角兽公司榜单。3月14日&#xff0c;知名市场研究机构CB Insights发布了最新的世界独角兽公司信息图表。CB Insights实时追踪并统计全球独角兽公司&#xff0c;全球共有326家价值10亿美元以上的私人公司上榜&#xff0c;…

用js使得输入框input只能输入数字

JS判断只能是数字和小数点1.文本框只能输入数字代码(小数点也不能输入)<input οnkeyup"this.valuethis.value.replace(/\D/g,)" onafterpaste"this.valuethis.value.replace(/\D/g,)">2.只能输入数字,能输小数点.<input οnkeyup"if(isNaN(…

华为自研操作系统官宣了,但有机会成功吗

来源&#xff1a;网易智能摘要&#xff1a;近日&#xff0c;据媒体报道&#xff0c;华为余承东在接受德国《世界报》采访时正式承认&#xff0c;华为自研操作系统确实存在&#xff0c;不仅支持手机和PC&#xff0c;而且已经研发了七年&#xff01;“华为确实已经准备了一套自研…

修改应用程序的图标

MFC程序的工程有3个文件夹&#xff0c;debug&#xff0c;release和res。查看其中的debug目录发现所生成 的应用程序EXE文件仍使用默认图标。若要修改EXE文件的图标&#xff0c;只要将res文件夹中的 应用程序图标文件替换成想要的图标文件&#xff08;在MFC中将图标ID为IDR_MAIN…