HarmonyOS 鸿蒙Next 有没有类似于抽屉的组件

发布于 1周前 作者 phonegap100 来自 鸿蒙OS

HarmonyOS 鸿蒙Next 有没有类似于抽屉的组件 想实现图中红色区域可以拖上去,展示出来整个列表。该效果我看智联招聘的鸿蒙APP已经实现了,在企业详情页面。请问这个效果应该怎么去实现

2 回复

您参考下:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-universal-attributes-sheet-transition-V5#%E7%A4%BA%E4%BE%8B

您可以在手指滑动结束离开屏幕后,判断此时高度是否<=0(或者<=您想保留的高度),若高度<=0(或者<=您想保留的高度),则强制为列表赋予相应的高度来保证列表不消失

想要实现您要的效果,您可以利用List实现底部抽屉滑动效果(半模态这块目前不太方便实现),参考demo:

https://gitee.com/harmonyos-cases/cases/tree/master/CommonAppDevelopment/feature/bottomdrawerslidecase

实现抽屉组件。

目前没有别的方式。

抱歉,半模态目前不支持这个场景。

更多关于HarmonyOS 鸿蒙Next 有没有类似于抽屉的组件的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


鸿蒙Next系统中,目前官方并未直接提供一个与传统意义上的“抽屉”组件完全对应的界面元素。鸿蒙系统的UI组件库主要聚焦于提供高效、统一的界面构建能力,以适应多样化的智能设备场景。

在传统桌面或移动应用开发中,“抽屉”组件通常指的是一种可以滑动展开以显示更多选项或功能的界面元素。在鸿蒙系统中,虽然没有直接命名为“抽屉”的组件,但开发者可以通过组合使用现有的组件和布局管理器来实现类似的功能。

例如,可以使用Swipe组件来实现左右或上下滑动的交互效果,再结合ListGrid组件来展示隐藏的内容选项。通过自定义这些组件的样式和行为,开发者可以构建出符合自己应用需求的“抽屉”式界面。

需要注意的是,鸿蒙系统的UI组件和设计理念可能会随着版本的更新而有所变化。因此,建议开发者参考最新的鸿蒙开发文档和示例代码,以确保所实现的界面组件与当前系统版本兼容。

如果问题依旧没法解决请联系官网客服,官网地址是:https://www.itying.com/category-93-b0.html

回到顶部