MlnUI

MLNUI推出新布局啦，快来体验吧～

一、新布局概述

分为以下几种布局，下面将通过demo示例逐步讲解。
1. HStack 横向线性布局 
2. VStack 纵向线性布局 
3. ZStack 层叠布局 
4. Spacer 占位布局 

二、HStack

HStack是横向线性布局，对于它而言，主轴即指水平方向，交叉轴指竖直方向。

1. 主轴上默认MATCH_PARENT撑满，交叉轴默认WRAP_CONTENT自适应。

HStack().bgColor(Color(255, 255, 255, 1))
            .mainAxisAlignment(MainAxisAlignment.START)
            .subs(
            ImageView("https://hbimg.huabanimg.com/7c41bc5871d74c9036932ca9bba76de363727be113b6fd-NApej6_fw658")
                    .width(50)
                    .height(50)
                    .cornerRadius(50)
                    .contentMode(ContentMode.SCALE_ASPECT_FILL)
    ,
            Label("美味餐厅")

    )

2. 通过mainAxisAlignment、crossAxisAlignment设置子View的对齐方式。

方法	描述	参数
mainAxisAlignment	表示子view在主轴方向的对齐方式	参数
crossAxisAlignment	表示子view在交叉轴方向的对齐方式	参数