AUI宫格导航组件适配纯血鸿蒙
宫格导航的布局方式挺实用的,尤其是你需要展示大量功能入口的时候。它属于纯血鸿蒙组件库 AUI的一部分,设备适配做得不错,手机、平板、折叠屏都能灵活展示。图标多了还能通过“更多”跳转,用户体验还蛮顺畅的。
导航项多于 16 个?直接塞进A_GirdNav,还能绑定页面路由,一键跳转。像首页快捷入口、功能模块集合,用它来做入口导航还挺合适。每行图标个数根据设备来自动调整,不用你手动去判断设备类型。
用起来也不复杂,设置一下导航数据就行,响应也快,代码也比较干净。像navList
这种配置数据结构,直接传进去就能跑。需要跳转的页面,绑定下url
属性,轻轻松松搞定。
而且它和鸿蒙系统适配得还蛮彻底的,性能表现也不错。你要是正在开发鸿蒙原生 App,或者想接入鸿蒙生态,这个组件库可以说是省时省力的好帮手。比起自己手撸一个导航系统,这玩意儿成熟多了。
对了,如果你还想搞点花活,比如手势、抽奖啥的,也可以参考这些组件:horwheel 组件、手势密码、九宫格抽奖,都能和宫格导航组合得挺自然。
如果你最近正好在开发鸿蒙应用,建议你直接上手AUI这套库,宫格导航用得舒服,别的组件也都还挺靠谱的。
A_GirdNav.zip
预估大小:85个文件
A_GirdNav
文件夹
AppScope
文件夹
resources
文件夹
base
文件夹
media
文件夹
foreground.png
6KB
layered_image.json
109B
background.png
90KB
element
文件夹
string.json
101B
...
323.13KB
文件大小:
评论区