HarmonyOS 鸿蒙Next uiContext.getPromptAction().openCustomDialog 能实现打开一个页面级的弹窗吗

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

HarmonyOS 鸿蒙Next uiContext.getPromptAction().openCustomDialog 能实现打开一个页面级的弹窗吗

uiContext.getPromptAction().openCustomDialog 能实现打开一个页面级的弹窗?或者有什么方式可以实现在页面内打开一个页面级别的弹窗吗?场景是在A页面内打开一个弹窗,弹窗中点击按钮打开新的B页面,在新的B页面中没有弹窗,但是进行返回到A页面时,已经打开的弹窗还在。

2 回复

可以模拟弹窗效果来实现:

import router from '[@ohos](/user/ohos).router';

[@Entry](/user/Entry)
[@Component](/user/Component)
struct Index {
 [@State](/user/State) textValue: string = 'Hello World'
 [@State](/user/State) visible: Visibility = Visibility.None

 build() {
   Stack() {
     Row() {
       Column() {
         Text('Hello World')
           .fontSize(50)
           .fontWeight(FontWeight.Bold)
         Button('click')
           .onClick(() => {
             console.log("hit me!")
             if (this.visible == Visibility.Visible) {
               this.visible = Visibility.None
             } else {
               this.visible = Visibility.Visible
             }
           })
           .backgroundColor(0x777474)
           .fontColor(0x000000)
       }
       .width('100%')
     }
     .height('100%')
     .backgroundColor("#36D")
     Column() {
       GridRow({
         columns:{xs:1 ,sm: 4, md: 8, lg: 12},
         breakpoints: { value: ["400vp", "600vp", "800vp"],
           reference: BreakpointsReference.WindowSize },
       })
       {
         GridCol({
           span:{xs:1 ,sm: 2, md: 4, lg: 8},
           offset:{xs:0 ,sm: 1, md: 2, lg: 2}
         }){
           Column() {
             Text('Change text').fontSize(20).margin({ top: 10, bottom: 10 })
             TextInput({ placeholder: '', text: this.textValue }).height(60).width('90%')
               .onChange((value: string) => {
                 this.textValue = value
               })
             Text('Whether to change a text?').fontSize(16).margin({ bottom: 10 })
             Flex({ justifyContent: FlexAlign.SpaceAround }) {
               Button('cancel')
                 .onClick(() => {
                   if (this.visible == Visibility.Visible) {
                     this.visible = Visibility.None
                   } else {
                     this.visible = Visibility.Visible
                   }

                 }).backgroundColor(0xffffff).fontColor(Color.Black)
               Button('jump')
                 .onClick(() => {
                   router.pushUrl({
                     url: 'pages/main'
                   })
                 }).backgroundColor(0xffffff).fontColor(Color.Red)
             }.margin({ bottom: 10 })
           }
           .backgroundColor(0xffffff)
           .visibility(this.visible)
           .clip(true)
           .borderRadius(20)
         }
       }
     }.width('95%')
   }
 }
}

在HarmonyOS鸿蒙系统中,uiContext.getPromptAction().openCustomDialog 方法主要用于显示一个自定义对话框(Dialog),而不是用于打开一个页面级的弹窗。对话框通常用于显示简短的信息或提供用户交互的临时界面,它不会替换或覆盖当前的活动(Activity)或页面。

若你需要实现一个页面级的弹窗效果,即一个全新的页面或视图以弹窗的形式展示在当前页面之上,这通常涉及到使用模态页面(Modal Page)或者通过特定的页面跳转和动画效果来实现。在HarmonyOS中,你可以利用Ability和Page的相关API来实现这种页面级弹窗的效果。

具体来说,你可以创建一个新的Page作为弹窗内容,然后通过设置适当的动画和页面跳转逻辑,使其以弹窗的形式展示。这可能需要你自定义一些动画效果,并在页面跳转时控制其显示方式。

如果问题依旧没法解决请联系官网客服,官网地址是:https://www.itying.com/category-93-b0.html。在这里,你可以获得更专业的技术支持和解决方案。

回到顶部