绑定模态页面概述
========

模态页面是一种大面板交互式的弹窗，和其他弹窗组件一样，通常用于在保持当前的上下文环境时，临时展示用户需关注的信息或待处理的操作。相比于其他弹窗组件，模态页面的内容都需要开发者通过自定义组件来填充实现，可展示的视图往往也很大。默认需要用户进行交互才能够退出模态页面。ArkUI当前提供了**半模态**和**全模态**两类模态页面组件。

*   **​半模态：​**开发者可以利用此模态页面实现多形态效果。支持不同宽度设备显示不同样式的半模态页面。允许用户通过侧滑，点击蒙层，点击关闭按钮，下拉关闭半模态页面。
    
    ![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/bd/v3/MqpcVjQnRWCcWZMUEm7Zmg/zh-cn_image_0000002594828022.gif?HW-CC-KV=V1&HW-CC-Date=20260612T073307Z&HW-CC-Expire=86400&HW-CC-Sign=DC2745F4F7BBE337FF054CB416164B41CCA3744BFBC4411F22BB557A9E5127F7)
    
*   **全模态：​**开发者可以利用此模态页面实现全屏的模态弹窗效果。默认需要侧滑才能关闭。
    
    ![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/ab/v3/YOB-ktUCQQGygWU8czaclA/zh-cn_image_0000002625187469.gif?HW-CC-KV=V1&HW-CC-Date=20260612T073307Z&HW-CC-Expire=86400&HW-CC-Sign=4D4D8AD608A86D106B7ED2D33D6C16B8050767A2574D2C0E6085CFCD9153C1AE)
    

#### 使用场景

| 接口 | 使用场景 |
| :-- | :-- |
| [bindContentCover](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/arkts-contentcover-page) | 用于自定义全屏的模态展示界面，结合转场动画和共享元素动画可实现复杂转场动画效果，如缩略图片点击后查看大图。 |
| [bindSheet](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/arkts-sheet-page) | 用于半模态展示界面，如分享框。 |
| [openBindSheet](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/arkts-apis-uicontext-uicontext#openbindsheet12)/ [updateBindSheet](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/arkts-apis-uicontext-uicontext#updatebindsheet12)/ [closeBindSheet](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/arkts-apis-uicontext-uicontext#closebindsheet12) | 用于不依赖UI组件的场景，如全局拉起、更新、关闭。 |

#### 规格约束

*   建议使用UIContext中的弹窗方法。其他规格约束可参考[openBindSheet](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/arkts-apis-uicontext-uicontext#openbindsheet12)、[updateBindSheet](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/arkts-apis-uicontext-uicontext#updatebindsheet12)、[closeBindSheet](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/arkts-apis-uicontext-uicontext#closebindsheet12)说明。