05 火山安卓线性布局器基本介绍
本源码转载自利快云https://www.lkuaiy.com/上一篇
火山安卓线性布局器介绍 一、布局方向介绍 1、打开安卓界面设计器后可以在“基本容器组件”分类可以找到线性布局器组件，拖放到窗口上。 https://www.lkuaiy.com/image/editor/16206074911073.png 2、在“基本组件”可以看到按钮，拖放一个按钮到线性布局器中，拖放的时候会出现一个紫色的颜色条，如果紫色的颜色条在布局器组件内，就证明这个组件被添加到了组件布局器中。https://www.lkuaiy.com/image/editor/16206076045658.png 3、在线性布局器中拖放三个按钮，可以看到，按钮只能纵向排列。如果你想横向排列，这个时候就需要用到布局方向属性。https://www.lkuaiy.com/image/editor/16206076125049.png 4、选中线性布局器组件，在右侧可以看到“布局方向”属性，这个属性设置为“横向布局”后，就立刻可以看到按钮组件也进行了横向排列。https://www.lkuaiy.com/image/editor/16206076196726.png 纵向布局效果。https://www.lkuaiy.com/image/editor/16206076281408.png横向布局效果 https://www.lkuaiy.com/image/editor/16206076546980.png
备注：文章结尾有布局演示源码。
二、嵌套布局，横纵混合。 1、首先放一个线性布局器，设置横向布局。https://www.lkuaiy.com/image/editor/16206076977708.png 2、然后在线性布局内，在拖放一个线性布局器2，设置一个纵向布局。 https://www.lkuaiy.com/image/editor/16206077093264.png 3、继续拖放一个线性布局器，设置一个横向布局。 https://www.lkuaiy.com/image/editor/16206077364670.png 4、分别在线性布局器2和3中拖放两个按钮组件，就变成了如下图的效果，既可以横向，也可以纵向排列。 https://www.lkuaiy.com/image/editor/16206077454106.png 5、选择布局内容可以查看布局器嵌套关系。 https://www.lkuaiy.com/image/editor/16206077524294.png 嵌套后运行效果，根据布局方向特性，可以实现很多复杂的嵌套布局。https://www.lkuaiy.com/image/editor/16206077592490.png 备注：文章结尾有源码 三、权重布局（也可以称为百分比布局） 权重布局又可以称为百分比布局，很常用的一种布局方式，通过这种布局方式，可以让软件内组件的尺寸，适应各种手机的分辨率，达到较为美观的显示效果。 1、在窗口上放两个按钮，按住ctrl键，依次选中这两个按钮组件，然后调整组件高度为0注意：使用权重必须将组件尺寸设置为0.注意2：如果布局器是纵向布局，就需要设置高度为0，如果是横向就需要设置宽度为0.注意3：窗口的布局，实际上也是一个线性布局器，因此不用使用额外的线性布局器，直接拖放组件在窗口上一样可以演示。 https://www.lkuaiy.com/image/editor/16206077945453.png 2、设置组件尺寸为0后，然后在找到“线性布局器”分类中的“剩余空间权重”属性，设置一个50.设置50后，就表示两个组件各占父布局的百分之50。https://www.lkuaiy.com/image/editor/16206078051506.png 运行效果，按钮之间存在间距，是因为按钮组件本身就具有一个外边距的原因导致的，如果你换成文本框组件，则两个组件会完完全全的沾满整个父布局。https://www.lkuaiy.com/image/editor/16206078127494.png 如果选中其中一个组件后，将权重设置为30，则会出现一个空白空间，这个空白的空间就是100 - 50 - 30 =20 ，剩余百分之20的空白。https://www.lkuaiy.com/image/editor/16206078199947.png 备注：文章结尾有源码。
四、填充剩余空白空间 假如有一个组件没有使用权重布局，而是固定尺寸，比如固定100。那么如果你想让另外一个组件按钮2，填充剩余所有空间改如何操作。https://www.lkuaiy.com/image/editor/16206078655575.png 其实很简单，只需要选中另外一个组件，然后设置剩余空间权重属性100，就可以直接 填充剩余所有空白。 https://www.lkuaiy.com/image/editor/16206078723984.png 运行效果如下图。https://www.lkuaiy.com/image/editor/16206078846273.png
多层嵌套简单演示源码：点击本链接
横向布局排列演示源码：点击本链接
权重布局演示源码：点击本链接
填充剩余空间演示源码：点击本链接
纵向布局排列演示源码：点击本链接
上一篇
消灭零回复，坐沙发学习…… 每日一顶:handshake 日常一顶
页:
[1]