ComposeUI布局基础：从Column/Row/Box开始
基础布局组件
Compose UI提供了几个基础的布局容器组件,用于构建界面结构。
- Name
Row- Type
- layout
- Description
水平方向排列子组件
- Name
Column- Type
- layout
- Description
垂直方向排列子组件
- Name
Box- Type
- layout
- Description
层叠方式排列子组件
水平布局
垂直布局
布局修饰符
通过Modifier可以调整布局的对齐、间距等属性。
- Name
horizontalAlignment/verticalAlignment- Type
- modifier
- Description
控制子组件的对齐方式
- Name
arrangement- Type
- modifier
- Description
设置子组件之间的排列方式和间距
- Name
padding- Type
- modifier
- Description
设置内边距
不同对齐方式
间距效果
高级布局技巧
Compose UI还提供了更多灵活的布局选项。
- Name
LazyColumn/LazyRow- Type
- layout
- Description
延迟加载的列表布局
- Name
LazyVerticalGrid- Type
- layout
- Description
网格布局系统
- Name
ScrollableColumn- Type
- container
- Description
可滚动的容器组件
延迟加载列表
网格布局
自适应布局
处理不同屏幕尺寸的布局策略。
- Name
BoxWithConstraints- Type
- container
- Description
获取父组件约束信息
- Name
动态布局- Type
- strategy
- Description
根据屏幕尺寸调整布局
- Name
WindowInsets- Type
- safety
- Description
处理设备系统装饰区域