FlexboxLayout

基础

        参考

        google出的android端流式布局。

属性说明

flexDirection

        item的方向。row：水平；column：垂直。row_reverse：从最右端开始放入item，先放入的在最后，后放入的在前。column_reverse：与row_reverse类似。

flexWrap

        决定flexbox是一行显示还是多行显示。

        wrap：多行显示，如果一行放不下，会自动换行。

        nowrap：一行显示，如果一行放不下，会压缩其中的item；

        wrap_reverse：多行显示，只不过显示的item的顺序与wrap相反。

        其默认值是nowrap，即单行显示。

justifyContent

        该属性控制item沿主轴的对齐方式。主轴指的是从屏幕左上角开始，水平向右的轴。

         flex_end：所以item出现在flexbox的右侧，类似于layout_gravity设置为fight时的效果。

         flex_start：默认值，所有item出现在flexbox的左侧。

         center：所有item紧挨着中间显示。

         space_between：分散对齐。占不满的空间会被均分成各item的间隔，其中最左边的item的左侧不占空间，最右边的item的右侧不占空间。

         space_around：分散对齐。但左右两侧也占一份空间，两个item之间算两份空间。

alignItems

        该属性控制沿着交叉轴的对齐方式，它对单行有效。交叉轴指的是从屏幕左上角开始，垂直向下的轴。

        flex_start：所有item出现在最上面，item的高度不会拉伸。

        flex_end：所有item出现在最下面，item的高度不会拉伸。

        center：所有item出现在中间，item的高度不会拉伸。

        stretch：默认值。item的高度拉伸到跟flexbox同样高。
        baseline：所有item的顶部在同一高度。如果为基本的某一个item设置了marginTop，那所有的item都相当于设置了同样的marginTop值。

alignContent

        该属性控制沿着交叉轴的对齐方式，它对多行有效。

        stretch (default)：所有行平行
        flex_start：所有行显示在最顶上。
        flex_end：所有行显示在最下面。
        center：所有行显示在中间。
        space_between：与justifyContent中的space_between属性效果类似。
        space_around ：与justifyContent中的space_around属性效果类似。

layout_order (integer)

        用于指定item的排列位置。值越小排的越靠前，可为负值。各item默认值是1。

layout_flexGrow (float)

        某一行未占满时，各item如何分配剩余的空间。类似于Lineaylayout中的layout_weight属性。默认是0，即各item只占自己该占的部分，不占剩余空间。

layout_flexShrink (float)

        默认值为1。当一行占满时，为腾出空间放入新的item，各item的收缩比例。如已有两个item，而新需要60px的空间。如果两个item的该属性值都是2，则两个item都需要缩短30px；如果一个为4，一个为2，则前者需要缩短40px = 4*60/(4+2)，后者需要20px。

        它与flexGrow相反。

layout_alignSelf

        允许各个item在交叉轴上的对齐方式。其会覆盖flexbox的alignItems的值。

        auto（default）：继承flexbox的alignItems的属性值。

        其余属性值与alignItems一样。

layout_flexBasisPercent 

        指定item的长度占flexbox长度的百分比。其值只能为百分比，如50%。