布局
介绍
采用FlexBox的布局模型,支持css的子集以及部分扩展属性,包含静态布局属性和动态布局属性两个部分:
- 静态属性:写在index.css文件中固定样式。
- 动态属性:写在index.databinding文件中,根据数据和表达式可以动态修改的样式。
扩展的布局属性
aspect-ratio
- 默认值:
null
- 详情: 用于设置组件的宽高比(宽 / 高),忽略主轴和交叉轴,不再代表纵横比。
单位说明
px
- 详情:Android上表现为dp;iOS表现为pt。
pt
- 详情:pt = px * (当前屏幕宽度 / 375.F)。
%
- 详情:使用外层元素的容纳区块的百分比定义。
auto
- 详情:能为弹性布局指明更合理的默认表现。