鸿蒙(HarmonyOS)实战开发篇——基于bindSheet的半模态弹窗

鸿蒙HarmonyOS基于bindSheet的半模态弹窗开发
最新推荐文章于 2025-06-27 10:45:13 发布
原创 最新推荐文章于 2025-06-27 10:45:13 发布 · 1.8k 阅读 · 28 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#harmonyos #移动开发 #用户界面 #list #鸿蒙开发 #组件化

往期知识点整理

bindSheet半模态转场基本介绍

半模态转场通过bindSheet属性为组件绑定半模态页面，在组件插入时可通过设置自定义或默认的内置高度确定半模态大小。

可以通过设置height属性来实现自定义高度；也可以通过设置height属性的SheetSize枚举类型，默认是LARGE。

MEDIUM 指定半模态高度为屏幕高度一半。
LARGE 指定半模态高度几乎为屏幕高度。
FIT_CONTENT11+ 指定半模态高度为适应内容的高度。 
bindSheet(isShow: boolean, build
最低0.47元/天 解锁文章
#鸿蒙开发#ArkUI框架下半模态弹窗的自定义设计指南：打造丝滑的用户体验
m0_73386679的博客
02-22 1327
模态转场是新的界面覆盖在旧的界面上，旧的界面不消失的一种转场方式。半模态转场是一种特殊的页面切换效果，用于在当前页面上显示一部分内容，而不会完全覆盖底下的页面。这种转场方式通常用于提供额外的信息或操作选项，而不需要用户离开当前页面。通过bindSheet属性为组件绑定半模态页面，在组件插入时可通过设置自定义或默认的内置高度确定半模态大小，属性设置如下。参数名类型说明isShowOptional是否显示半模态页面。从API version 10开始，该参数支持$$双向绑定变量。
鸿蒙开发中BindSheet应用 打造半模态转场效果
wy363681759的博客
02-26 408
在鸿蒙开发中，BindSheet组件可用于创建半模态窗口，通过设置合适的属性和添加动画效果，能够实现具有转场效果的半模态窗口。以下是详细的实现步骤和示例代码。
基于bindSheet的半模态弹窗
hongxiaomeng的博客
06-04 687
HarmonyOS中自定义半模态弹窗
最新发布
cj641809386的专栏
06-27 428
鸿蒙 ArkUI 自定义弹出框实践 本文介绍了在鸿蒙 ArkUI 中使用半模态弹窗替代 Dialog 的实现方案。通过对比发现，Dialog 的动画效果会影响整个蒙层，而半模态弹窗仅作用于视图层，动画效果更符合预期。文章详细展示了如何使用 harmony-dialog 三方库中的 DialogHelper 类创建底部列表弹窗，包括参数配置、自定义组件构建和数据传递。重点说明了 BottomListOptions 的参数传递机制和 BottomListBuild 组件的实现细节，确保半模态弹窗的数据能够及时刷
鸿蒙开发0基础【绑定半模态页面（bindSheet）】ArkUI
zhenggaoxiao232的博客
05-09 454
[半模态页面（bindSheet）]默认是模态形式的非全屏弹窗式交互页面，允许部分底层父视图可见，帮助用户在与半模态交互时保留其父视图环境。 半模态页面适用于展示简单的任务或信息面板，例如，个人信息、文本简介、分享面板、创建日程、添加内容等。若需展示可能影响父视图的半模态页面，半模态支持配置为非模态交互形式。
HarmonyOS 开发实践——基于bindSheet的半模态弹窗
liuhaojiabin的博客
11-03 982
半模态转场通过bindSheet属性为组件绑定半模态页面，在组件插入时可通过设置自定义或默认的内置高度确定半模态大小。可以通过设置height属性来实现自定义高度；也可以通过设置height属性的SheetSize枚举类型，默认是LARGE。MEDIUM指定半模态高度为屏幕高度一半。LARGE指定半模态高度几乎为屏幕高度。指定半模态高度为适应内容的高度。@Entry@Component@Builder...... //半模态弹窗页面内容build() {Row() {
鸿蒙开发实践——基于bindSheet的半模态弹窗
android__bye的博客
06-17 397
半模态转场通过bindSheet属性为组件绑定半模态页面，在组件插入时可通过设置自定义或默认的内置高度确定半模态大小。可以通过设置height属性来实现自定义高度；也可以通过设置height属性的SheetSize枚举类型，默认是LARGE。@Entry@Component@Builder...... //半模态弹窗页面内容build() {Row() {Column() {...... //通过事件打开半模态弹窗})场景描述场景一。
鸿蒙next开发实战：基于bindSheet半模态弹窗
m0_70749039的博客
07-02 983
半模态转场通过bindSheet属性为组件绑定半模态页面，在组件插入时可通过设置自定义或默认的内置高度确定半模态大小。
HarmonyOS鸿蒙开发：基于bindSheet的半模态弹窗场景
2401_84917132的博客
08-30 1415
可以通过设置height属性来实现自定义高度；也可以通过设置height属性的SheetSize枚举类型，默认是LARGE。
【HarmonyOS NEXT】@ohos.promptAction (弹窗)
weixin_71403100的博客
04-06 4582
创建并显示文本提示框、对话框和操作菜单。
鸿蒙Harmony应用开发—ArkTS声明式开发（模态转场设置：半模态转场）
m0_64420071的博客
03-05 3346
ArkTS声明式开发-模态转场设置：半模态转场
鸿蒙next-五种弹窗
LIUCHANGSHUO的博客
10-29 263
【代码】鸿蒙next-五种弹窗。
鸿蒙next开发进阶：NavDestination弹窗
m0_72493819的博客
06-18 1684
本案例介绍了使用NavDestination组件的Dialog模式实现与前一个页面的联动的评论弹窗。
HarmonyOS NEXT星河版之模拟图片选择器(下)---使用bindSheet展示图片选择器
小洋人最happy的专栏
05-07 557
【代码】HarmonyOS NEXT星河版之模拟图片选择器(下)---使用bindSheet展示图片选择器。
鸿蒙NEXT开发【自定义弹框使用（CustomDialog+TextPicker组合）】
houxiliOH的博客
10-11 2107
做过移动端甚至前端开发的小伙伴想必用过弹窗功能，其实弹窗就是一种浮动窗口，主要用于在应用界面上显示额外的信息或提供用户操作选项。而在HarmonyOS开发中，弹窗分为七种类型：AlertDialog、ActionSheet、CustomDialog、CalendarPickerDialog、DatePickerDialog、TimePickerDialog和TextPickerDialog。其他六种弹窗是系统预定义的弹框，而剩下的CustomDialog弹窗是允许开发者自定义弹窗的布局和内容的。
鸿蒙NEXT开发：ArkTS组件-模态转场设置（半模态转场）
ZPYQAQ的博客
03-29 1429
通过bindSheet属性为组件绑定半模态页面...........
harmonyOS鸿蒙官网教程-添加弹窗
移动端开发与最新技术
10-08 4247
在我们日常使用应用的时候，可能会进行一些敏感的操作，比如删除联系人，这时候我们给应用添加弹窗来提示用户是否需要执行该操作。
基于ArkUI现有能力实现自定义弹窗封装方案
hongxiaomeng的博客
05-09 883
HarmonyOS NEXT实战开发：构建弹窗
2401_87288236的博客
09-19 1147
通过弹窗控制器显示自定义弹窗，可以设置自定义弹窗的样式和内容。
HarmonyOS 实战开发 —— 基于ArkUI现有能力实现自定义底部模态弹出弹窗
03-28
好的，我现在需要帮助用户了解如何在HarmonyOS中基于ArkUI现有能力实现一个自定义的底部模态弹出弹窗。首先，我得回顾一下HarmonyOS和ArkUI的相关知识，确保自己理解正确。 用户提到的“底部模态弹出弹窗”通常是指...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值