鸿蒙移动应用开发项目式教程课件 项目5-智能融媒展示页-5-1 基础布局.pptxVIP

基础布局

基础布局声明式UI提供了以下5种常见布局，开发者可根据实际应用场景选择合适的布局进行页面开发。（1）线性布局：如果布局内子元素超过1个，且能够以某种方式线性排列，优先考虑此布局。（2）层叠布局：组件需要有堆叠效果时，优先考虑此布局。层叠布局的堆叠效果不会占用或影响同容器内其他子组件的布局空间。例如，Panel作为子组件弹出时，将其他组件覆盖更为合理，则优先考虑在外层使用层叠布局。（3）弹性布局：与线性布局类似，区别在于弹性布局默认能够使子组件压缩或拉伸。在子组件需要计算拉伸或压缩比例时优先使用此布局，能够使多个容器内的子组件有更好的视觉上的填充效果。任务导入知识解析学以致用课堂小结课后拓展1.1基础布局

基础布局（4）相对布局：二维空间中的布局，不需要遵循线性布局的规则，布局方式更为自由。这种布局通过在子组件上设置锚点规则（AlignRule），使子组件能够将自己在横轴、纵轴中的位置与容器或容器内其他子组件的位置对齐。设置的锚点规则可以支持子元素压缩、拉伸、堆叠或形成多行效果。在页面元素分布复杂或通过线性布局会使容器嵌套层数过多时，推荐使用相对布局。（5）栅格布局：栅格是多设备场景下通用的辅助定位工具，可将空间分割为有规律的栅格，栅格布局不同于网格布局固定的空间划分，它可以实现不同设备下不同的布局，空间划分