鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

视频课免费课排行榜短视频直播课软考学堂

全部课程软考华为认证厂商认证 IT技术 PMP项目管理免费题库

文章资源问答课堂专栏直播

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

鸿蒙开发者社区

登录/注册
51CTO

中国优质的IT技术网站

51CTO博客

专业IT技术创作平台

51CTO学堂

IT职业在线教育平台

活动短视频专栏极客Show 鸿蒙技术特刊

HarmonyOS JsBridge里面如何调用自定义弹窗

HarmonyOS

2024-12-17 13:59:41

浏览

赞

收藏 0

回答 1

回答 1

按赞同

/

按时间

<!DOCTYPE html>
  <html>
  <head>
  <meta name="viewport"
content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,viewport-fit=cover">
  <title>
  </title>
  <script>
  function openWindow() {
    window.myJsb.openDialog()
  }
  </script>
  </head>
  <body>
  <button onclick="openWindow()" style="width: 200px;height: 200px">
  前端调用JSB打开窗口
  </button>
  </body>
  </html>
   

  import webview from '@ohos.web.webview'

export interface JsbObject {
  openDialog: () => void
}

@Entry()
@Component
struct Page2 {
  webviewController = new webview.WebviewController()
  dialogController: CustomDialogController = new CustomDialogController({
    builder: CustomDialogExample({})
  })
  jsbObject: JsbObject = {
    openDialog: () => {
      this.showDialog(this)
    }
  }

  showDialog(context: object) {
    // 怎么把自定义弹窗调出来
    this.dialogController.open()
  }

  build() {
    Column() {
      Web({
        src: "resource://rawfile/aa.html", controller: this.webviewController
      })
        .javaScriptAccess(true)
        .javaScriptProxy({
          name: "myJsb",
          object: this.jsbObject,
          methodList: ["openDialog"],
          controller: this.webviewController
        }).width('100%')
    }
    .backgroundColor(Color.Brown)
  }
}

@CustomDialog
struct CustomDialogExample {
  dialogControllerTwo: CustomDialogController | null = new CustomDialogController({
    builder: CustomDialogExample(), alignment: DialogAlignment.Bottom, offset: { dx: 0, dy: -25 }
  })
  controller?: CustomDialogController

  build() {
    Row() {
      Text("自定义键盘")
    }.height('40%')
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.

回复

2024-12-17 15:48:59

如何写精华回答，获更多曝光？

发布

相关问题

HarmonyOS 无法通过H5调用JSBridge展示自定义弹窗

947浏览 • 1回复待解决

HarmonyOS 父页面如何调用自定义组件内自定义方法

1057浏览 • 1回复待解决

HarmonyOS 自定义弹窗CustomDialog调用问题

1097浏览 • 1回复待解决

HarmonyOS bindContentCover绑定自定义弹窗如何修改里面组件样式？

1234浏览 • 1回复待解决

HarmonyOS 关于自定义弹窗的封装调用

1433浏览 • 2回复待解决

HarmonyOS 如何在ArkTS类中想调用自定义弹窗

774浏览 • 1回复待解决

HarmonyOS Web页面如何调起自定义键盘？

985浏览 • 1回复待解决

自定义弹窗自定义转场动画

1927浏览 • 1回复待解决

HarmonyOS 如何封装自定义弹窗

895浏览 • 1回复待解决

HarmonyOS 在ArkTS类中想调用自定义弹窗

749浏览 • 1回复待解决

HarmonyOS 自定义弹窗怎么设置自定义动画？

1134浏览 • 1回复待解决

HarmonyOS自定义弹窗只能写在组件里面，不能写在方法里面吗？

1032浏览 • 1回复待解决

HarmonyOS 自定义弹窗如何更新弹窗的UI

872浏览 • 1回复待解决

如何在自定义弹窗中再次弹窗

3190浏览 • 1回复待解决

HarmonyOS 自定义弹窗选择

1287浏览 • 1回复待解决

HarmonyOS 自定义弹窗CustomDialog

740浏览 • 1回复待解决

自定义弹窗如何嵌套使用

2509浏览 • 1回复待解决

HarmonyOS 自定义弹窗、自定义键盘自动关闭问题

1113浏览 • 1回复待解决

如何设置自定义弹窗位置

2800浏览 • 1回复待解决

HarmonyOS 如何设置自定义弹窗透明

885浏览 • 1回复待解决

HarmonyOS 如何制作自定义加载弹窗

1202浏览 • 1回复待解决

怎么实现自定义弹窗1打开自定义弹窗2

3405浏览 • 1回复待解决

HarmonyOS 自定义CustomDialogController弹窗不能关闭弹窗

1608浏览 • 0回复待解决

HarmonyOS 全局自定义弹窗的关闭弹窗的动画后续是否可以自定义?

856浏览 • 1回复待解决

使用自定义弹窗实现分享弹窗

1342浏览 • 1回复待解决

提问

该提问已有2人参与，帮助了9人

相关讨论帖

自定义选择弹窗，半模态弹窗 2回复

【HM】自定义弹窗CustomDialogController 0回复

HarmonyOS 基础之JS实现自定义弹窗 2回复

OpenHarmony应用开发之自定义弹窗 2回复

实现自定义弹窗鸿蒙示例代码 0回复

Copyright © 2005-2025 51CTO.COM 京ICP证060544版权所有未经许可请勿转载