[HarmonyOS Next示例代码] 鸿蒙UI开发 - 基于Grid实现混合布局

鸿蒙UI开发 - 基于Grid实现混合布局 源码下载地址 

介绍

本示例主要实现了Grid组件和List组件以及Swiper组件的嵌套混合布局

效果预览

本示例在预览器中的效果：

场景一：Grid与List相互嵌套

场景二：Grid与Swiper相互嵌套

使用说明：

1.可以在预览器中查看页面效果，也可在对应设备上查看页面效果。

工程目录

具体实现

场景一：Grid嵌套List混合布局

• 通过合理设置各个组件高度，当主页面滑动到底部时，实现水平list组件吸顶。
• 使用两个scroller控制竖直、水平方向两个列表，实现两个列表之间的联动

场景二：Grid嵌套Swiper混合布局

• 滑动Swiper时，动态修改Swiper组件高度

相关权限

不涉及。

依赖

不涉及。