189 8069 5689
Android布局控件之LinearLayout详解
创新互联公司主营七台河网站建设的网络公司,主营网站建设方案,重庆App定制开发,七台河h5微信平台小程序开发搭建,七台河网站营销推广欢迎七台河等地区企业咨询
LinearLayout是线性布局控件，它包含的子控件将以横向或竖向的方式排列，按照相对位置来排列所有的widgets或者其他的containers,超过边界时，某些控件将缺失或消失。因此一个垂直列表的每一行只会有一个widget或者是container，而不管他们有多宽，而一个水平列表将会只有一个行高（高度为最高子控件的高度加上边框高度）。LinearLayout保持其所包含的widget或者是container之间的间隔以及互相对齐（相对一个控件的右对齐、中间对齐或者左对齐）。
xml属性
android:baselineAligned：是否允许用户调整它内容的基线。
android:baselineAlignedChildIndex：当一个线性布局与另一个布局是按基线对齐的一部分，它可以指定其内容的基线对齐方式。
android:gravity：指定如何在该对象中放置此对象的内容（x/y坐标值）。
android:orientation：设置它内容的对其方向（横向/竖向）。
gravity 这个英文单词是重心的意思，在这里就表示停靠位置的意思。
android:layout_gravity 和 android:gravity 的区别
从名字上可以看到，android:gravity是对元素本身说的，元素本身的文本显示在什么地方靠着换个属性设置，不过不设置默认是在左侧的。
android:layout_gravity是相对与它的父元素说的，说明元素显示在父元素的什么位置。
比如说button：android:layout_gravity 表示按钮在界面上的位置。 android:gravity表示button上的字在button上的位置。
可选值
这两个属性可选的值有：top、bottom、left、right、center_vertical、fill_vertical、center_horizontal、fill_horizontal、center、fill、clip_vertical。
而且这些属性是可以多选的，用“|”分开。
默认这个的值是：Gravity.LEFT
LinearLayout还支持为其包含的widget或者是container指定填充权值。好处就是允许其包含的widget或者是container可以填充屏幕上的剩余空间。这也避免了在一个大屏幕中，一串widgets或者是containers挤成一堆的情况，而是允许他们放大填充空白。剩余的空间会按这些widgets或者是containers指定的权值比例分配屏幕。默认的 weight 值为0，表示按照widgets或者是containers实际大小来显示，若高于0的值，则将Container剩余可用空间分割，分割大小具体取决于每一个widget或者是container的layout_weight及该权值在所有widgets或者是containers中的比例。例如，如果有三个文本框，其中两个指定的权值为1，那么，这两个文本框将等比例地放大，并填满剩余的空间，而第三个文本框不会放大，按实际大小来显示。如果前两个文本框的取值一个为2，一个为1，显示第三个文本框后剩余的空间的2/3给权值为2的，1/3大小给权值为1的。也就是权值越大，重要度越大。
如果LinearLayout包含子LinearLayout，子LinearLayout之间的权值越大的，重要度则越小。如果有LinearLayout A包含LinearLayout C,D，C的权值为2，D的权值为1，则屏幕的2/3空间分给权值为1的D，1/3分给权值为2的C。在LinearLayout嵌套的情况下，子LinearLayout必须要设置权值，否则默认的情况是未设置权值的子LinearLayout占据整个屏幕
Android常见的5个布局，我想大家一定不会陌生。LinearLayout、RelativeLayout和FrameLayout也是使用频率较高的布局方式，做Android开发的一定使用过。
传统的5种布局方式：
不过我的问题并不是问面试者如何使用这些基础的布局，而是要看面试者怎么解决布局嵌套（影响性能）和屏幕适配问题。
我们都清楚Android界面的布局太复杂，嵌套层次过深，会使整个界面的测量、布局和绘制变得更复杂，对性能会造成影响。所以我们在写Layout文件时，也要尽量避免布局的嵌套层次过深的问题。
在怎么解决问题之前，我们得有一个好方法先判断当前的问题情况。Android SDK工具箱中有一个叫做Hierarchy Viewer的工具，能够在App运行时分析Layout。
注意： 在ROOT的手机，或者是安装开发版的ROM的手机可以直接使用Hierarchy Viewer。如果没有Root的手机(SDK 4.1及以上)，需要在你的PC端添加一个环境变量“ANDROID_HVPROTO=ddm”。
下面列举一些面试者常使用的方式。
merge merge标签的作用是合并UI布局，使用该标签能降低UI布局的嵌套层次。
merge标签可用于两种情况：
ViewStub ViewStub标签引入的布局默认不会inflate，既不会显示也不会占用位置。 ViewStub常用来引入那些默认不会显示，只在特殊情况下显示的布局，如数据加载进度布局、出错提示布局等。
需要在使用时手动inflate:
ViewStub在一定的程度可以起到减少嵌套层次的作用，特别是很多时候我们的程序可能不需要走到ViewStub的界面。
include 将可复用的组件抽取出来并通过include标签使用，但include标签能减少布局的层次吗？
我认为不能。include主要解决的是相同布局的复用问题，它并不能减少布局的层次。
用RelativeLayout代替LinearLayout
很多人为了减少布局层次喜欢用RelativeLayout代替LinearLayout，不过可能达到的效果并不会很明显。层次是减少了，但本身RelativeLayout就会比LinearLayout性能差一点。
有一些界面，比如一个图片和一个文本的布局（ListItem常见的布局方式），可以利用TextView有drawableLeft, drawableRight等属性，完全不需要RelativeLayout或者LinearLayout布局。
传统的布局方式存在一定的缺陷，如RelativeLayout要两次测量（measure）它的子View才能知道确切的高度；如果LinearLayout布局的子View有设置了layout_weight，那么它也需要测量两次才能获得布局的高度。
相对于传统的布局方式，Android官方还推出了两种新的布局方式：ConstraintLayout和FlexboxLayout。
ConstraintLayout ConstraintLayout即约束布局，在2016年由Google I/O推出。ConstraintLayout和RelativeLayout有点类似，控件之间根据依赖关系而存在，但比RelativeLayout更加灵活。创建大型复杂的布局仍然可以使用扁平的层级(不用嵌套View Group)，说的简单些就是，再复杂的界面也可以只有2层层次。
要使用ConstraintLayout需要在build.gradle中添加相关的support库：
使用ConstraintLayout可以有效的解决布局嵌套过多导致的性能问题，官方也对其渲染性能进行了优化，并且ConstraintLayout支持可视化的方式编写布局。
不过学会熟练使用ConstraintLayout会需要一点时间，但这是值得的。
FlexBoxLayout 做过前端开发（CSS方面）的同学对FlexBox一定不会陌生，最近我在做微信小程序开发时也涉及到FlexBox。FlexBox(弹性布局)是w3c在2009年提出的一种新的布局方案，解决以前那种传统css的盒模型的局限性。
Google开源了FlexboxLayout布局和前端CSS FlexBox布局具有相同的功能（肯定有不一样的地方），但已经足够在Android上改进布局的构建方式。
FlexBoxLayout可以理解成一种更高级的LinearLayout，不过比LinearLayout更加强大和灵活。如果我们使用LinearLayout布局的话，那么不同的分辨率，也许我们要重新调整布局，势必会需要跟多的布局文件放在不同的资源目录。而使用FlexBoxLayout来布局的话，它可以适应各种界面的改变（所以叫响应式布局）。
如果对前端的Flexbox不太了解的话，你还需要补一些概念，好在这些东西在网上很容易找到。
可能很多读者会觉这样的面试题是吹毛求疵，很多项目中哪有这么复杂的界面，根本就用不到这些优化措施。
可以说厉害的人，或者叫高手，可能只是比较多在意这些细节而已。在实践中的经历告诉我，很多难于解决的性能问题，并不是因为有一个影响性能的问题无法攻克，而是没有一个明显的制约因素，是有各种小问题一点一点堆积起来，最终积重难返。
所以，把细节做好，或者意识到细节的地方可能引发的问题，对我们解决问题是很有帮助的，不要浪费了让你可以成长的细节。
有需要更多Android高级进阶和面试资料的朋友可以私信我获取
例如设置一个图片宽高 关键代码：
//取控件当前的布局参数
LinearLayout.LayoutParams params = (LinearLayout.LayoutParams) imageView.getLayoutParams();
//设置宽度值
params.width = dip2px(MainActivity.this, width);
//设置高度值
params.height = dip2px(MainActivity.this, height);
//使设置好的布局参数应用到控件
imageView.setLayoutParams(params);
1
2
3
4
5
6
7
8
1
2
3
4
5
6
7
8
高度除了可以设置成以上固定的值，也可以设置成wrap_content或match_content
ViewGroup.LayoutParams.WRAP_CONTENT
ViewGroup.LayoutParams.MATCH_PARENT
1
2
1
2
在这里插入图片描述
xml
1 .FrameLayout简介
设计FrameLayout是为了显示单一项widget。通常，不建议使用FrameLayout显示多项内容；因为它们的布局很难调节。不用layout_gravity属性的话，多项内容会重叠；使用layout_gravity的话，能设置不同的位置。layout_gravity可以使用如下取值：
top ：将对象放在其容器的顶部，不改变其大小.
bottom：将对象放在其容器的底部，不改变其大小.
left：将对象放在其容器的左侧，不改变其大小.
right：将对象放在其容器的右侧，不改变其大小.
center_vertical：将对象纵向居中，不改变其大小.
垂直对齐方式：垂直方向上居中对齐。
fill_vertical：必要的时候增加对象的纵向大小，以完全充满其容器.
垂直方向填充
center_horizontal：将对象横向居中，不改变其大小.
水平对齐方式：水平方向上居中对齐
fill_horizontal：必要的时候增加对象的横向大小，以完全充满其容器.
水平方向填充：center
将对象横纵居中，不改变其大小.
fill：必要的时候增加对象的横纵向大小，以完全充满其容器.
clip_vertical：附加选项，用于按照容器的边来剪切对象的顶部和/或底部的内容. 剪切基于其纵向对齐设置：顶部对齐时，剪切底部；底部对齐时剪切顶部；除此之外剪切顶部和底部.
垂直方向裁剪
clip_horizontal
附加选项，用于按照容器的边来剪切对象的左侧和/或右侧的内容. 剪切基于其横向对齐设置：左侧对齐时，剪切右侧；右侧对齐时剪切左侧；除此之外剪切左侧和右侧.
水平方向裁剪
注意: 区分“android:gravity”和“android:layout_gravity”。
android:gravity ：是对控件本身来说的，是用来设置“控件自身的内容”应该显示在“控件自身体积”的什么位置,默认值是左侧。
android:layout_gravity ：是相对于控件的父元素来说的，设置该控件在它的父元素的什么位置
2. FrameLayout示例
创建一个activity，包含2组FrameLayout：1组设置android:layout_gravity属性，另1组不设置android:layout_gravity属性。
layout文件
?xml version="1.0" encoding="utf-8"?
LinearLayout xmlns:android=""
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical"
!-- 示例1 FrameLayout内容重叠 --
TextView
android:text="示例1, FrameLayout内容重叠"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/
FrameLayout
android:layout_width="300dp"
android:layout_height="80dp"
TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="我是TextView，内容比较长"
android:background="#ff0000"/
Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="#ffff00"
android:text="我是按钮"/
/FrameLayout
!-- 示例2 FrameLayout使用layout_gravity属性 --
TextView
android:text="示例2, 设置layout_gravity"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/
FrameLayout
android:layout_width="300dp"
android:layout_height="120dp"
TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="文本居左"
android:background="#ff0000"
android:gravity="center"
android:layout_gravity="left"
android:layout_margin="10dp"/
TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="文本居中"
android:background="#ffff00"
android:gravity="center"
android:layout_gravity="center"/
/FrameLayout
/LinearLayout
在线性布局LinearLayout里加入view比较简单，因为属性比较少，布局简单
示例，加入一个TextView
LinearLayout layout = (LinearLayout)findViewById(R.id.layout);
TextView tv = new TextView(this);
tv.setText("hello,world");
LayoutParams lp = new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
layout.addView(tv,lp);
在相对布局中RelativeLayout中加入view，属性较多
示例，加入TextView和Button,让TextView居中，并且设置Button在TextView的下方
RelativeLayout layout;
TextView tv = new TextView(this);
tv.setText("hello,world");
Button btn = new Button(this);
btn.setText("button");
tv.setId(0x011);
btn.setId(0x012);
LayoutParams tvLp = new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
LayoutParams btnLp = new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
//添加布局规则，居中于父类
tvLp.addRule(RelativeLayout.CENTER_IN_PARENT,RelativeLayout.TRUE);
//添加布局规则，在tv的下方
btnLp.addRule(RelativeLayout.BELOW, tv.getId());
layout.addView(tv,tvLp);
layout.addView(btn,btnLp);
public void addRule(int verb, int anchor) 方法就是给view设定布局规则,verb是规则属性，就是xml文件中的各种属性值，anchor是依靠的view的id或者比如上面的RelativeLayout.CENTER_IN_PARENT的时候就是设置true或false