当前博客:【对于弹性布局器的深度解析】

94 次浏览【转载需注明来源】

博客作者:【柯敏轩】

个性签名:寒窗苦读十年一朝凤舞九天

        在快马里面的【弹性布局】里面,有几个地方大家很容易混淆的,在这里我就给大家一一解答一下

 

先科普两个弹性布局里面的专业术语】:

1、主轴:这是弹性容器的主要方向,比如布局方向如果是水平,那么主轴就是从左向右

2、交叉轴:这是与主轴垂直的轴线。它的方向取决于主轴的方向。比如,主轴方向是从左向右,那么与之垂直的线就是从上向下,这条也就是交叉轴。

 

大家比较容易混淆的属性】:

1、弹性布局-换行:这个属性常用的有三个值:

换行允许换行,根据容器宽度在新行上添加元素

不换行不允许换行,所有项目将在同一行上(如果内容超出容器了,则看不到的,除非用了横向滚动容器)

反向换行允许换行,但反向排列

 

控制主轴对齐方式:

1、内容对齐:用于控制容器内元素在主轴上的对齐方式;比如布局方向为:水平显示(也就是主轴方向为水平向右),那么如果内容对齐:居中,则次容器内的所有内容都会在水平方向上居中显示。

 

控制交叉轴对齐方式:

     1、对齐-本项:控制他在交叉轴的对齐方式,是用在单独的元素身上的,不是用在容器里面的,设置在某个具体的元素上,可以覆盖其在交叉轴上的对齐方式。比如某图片框父组件是一个水平显示的弹性布局组件,那么在图片框样式里面设置了【对齐-本项:居中】,那么这个组件就会在水平方向居中而且忽略后面两个对齐命令。

2、对齐-项目:控制容器内元素在交叉轴上的对齐方式(如果容器内某元素设置了【对齐-本项】属性,则此属性会被覆盖)。

3、对齐-内容:用于控制容器内元素的对齐方式,但只有在容器的交叉轴上有多个行时才有效,控制多个行在交叉轴上的对齐方式。比如像某宝里面的搜索热词,就是用了【对齐-内容:行首排列】。

 

 

默认排序
Generic placeholder image
Generic placeholder image
快码FOF编程 Time: 2023-12-28 17:28:52

写的不错 给你点赞


【对于弹性布局器的深度解析】