Flexbox属性图解说明
zhenglibao edited this page Jun 30, 2018
·
8 revisions
col, 纵向竖直排列,等价于其他平台的column排列方式
row, 水平排列
col-reverse
row-reverse
no-wrap
wrap
wrap-reverse
flex-start:沿主轴起点对齐
center: 居中对齐
flex-end: 沿主轴终点对齐
space-between: 两端对齐
space-around: 分散对齐
flex-start, center, flex-end,space-between, space-around与justifyContent中的保持一致
stretch:拉伸方式,比如父窗口纵向排列的话,相当于所有子元素宽度自动为100%
baseline:基线对齐
Flexbox Introduction & performance (in Chinese)
Tutorial 1: Create View Controller with xml layout
Tutorial 2: Create Table Cell with xml layout
Tutorial 3: Embed xml layout into traditional view hierarchy
Tutorial 4: Use custom view in xml layout
Tutorial 5: Create reusable view using xml layout file