为什么鸿蒙能设计出CustomDialogController这么恶心的弹窗

### 鸿蒙开发中实现底部弹窗的方式 在鸿蒙开发中，可以通过 `CustomDialogController` 来实现从底部弹出的弹窗效果。这种弹窗通常用于提供一些选项供用户选择或者显示额外的信息[^2]。 以下是具体实现方式的一个示例： #### 基本代码结构 ```javascript // 创建一个 CustomDialogController 的实例 this.commonSettingDialogController = new CustomDialogController(this, { builder: (context) => { // 定义弹窗的内容构建器 return ( <Column> {/* 这里可以放置具体的 UI 组件 */} <Text>这是一个底部弹窗</Text> </Column> ); }, alignment: DialogAlignment.Bottom, // 设置弹窗对齐到屏幕底部 autoCancel: true, // 是否允许点击遮罩层关闭弹窗，默认为 true }); // 调用 open 方法来展示弹窗 this.commonSettingDialogController.open(); ``` #### 关键参数说明 - **builder**: 该参数是一个函数，返回值是弹窗的具体内容布局。开发者可以在其中定义任何需要的 UI 元素[^3]。 - **alignment**: 控制弹窗的位置对齐方式。对于底部弹窗，应将其设置为 `DialogAlignment.Bottom`。 - **autoCancel**: 表示当用户点击遮罩层时是否会自动关闭弹窗。如果不需要此功能，则可将其设为 `false`。 #### 注意事项 为了优化用户体验并遵循设计规范，在创建底部弹窗时需要注意以下几点： 1. 弹窗的高度不应超过屏幕高度的 90%，以免占据过多空间影响操作体验。 2. 如果涉及复杂交互逻辑，建议合理利用回调函数（如取消按钮或确认按钮触发的动作），以便及时响应用户的输入行为[^1]。 ### 总结 通过以上方法即可轻松实现在 HarmonyOS 中从页面底部滑动出来的弹窗效果，并可根据业务场景调整各项属性满足个性化需求。