HarmonyOS 鸿蒙Next如何设置Page页面半透明页面

问题描述】

目前有需求实现一个类似底部弹窗形式的页面，高度占半个屏幕，未填充的区域半透明可见底部页面内容。页面需要走路由管理，不能通过弹窗实现。此场景如何实现半透明背景页面呢？

原本参考Android是可以设置Activity的Theme实现Dialog样式半透明的页面，，不知道在鸿蒙上如何实现

eggper 1楼•15 天前

楼主找到方法了吗？类似Android的Activity的Theme实现Dialog样式半透明的页面！

ionicwang 2楼•15 天前

NavDestination() {

}

.mode(NavDestinationMode.DIALOG)

ionicwang 3楼•15 天前

谢谢您，我试一下

zlyuanteng 4楼•15 天前

用半模态转场

https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-universal-attributes-sheet-transition-V5#bindsheet

ionicwang 5楼•15 天前

谢谢您，我试一下

phonegap100 6楼•15 天前

HarmonyOS 鸿蒙Next设置Page页面为半透明，可以通过设置页面的背景色为半透明颜色值（如#80FFFFFF，其中80表示透明度）来实现。在ArkUI框架中，可以通过修改页面的backgroundColor属性来完成。例如，在页面的.ets文件中，设置backgroundColor('#80FFFFFF')即可。此外，还可以考虑使用其他UI组件或布局方式来实现更复杂的半透明效果。如果问题依旧没法解决请加我微信，我的微信是itying888。