HarmonyOS实战开发:Web组件的基础用法

在ArkUI中,Web组件用于显示Web网页,可以理解为一个嵌入式的小型浏览器,用于展示Web内容,实现Web的混合开发。例如,在API 9中目前还没有地图组件可用,那么我们就可以借助Web组件显示OpenLayers、OSM等提供的地图空间和地图服务。据说ArkUI的Web组件采用了chromium内核,应当还是非常高效的。

图片

最近研究了ArkUI中的一些常用组件,其中Web组件是很常用且相对独立的一种组件。本文总结了Web组件的常用函数,以及基本用法。先来一个AI画的Web组件助助兴(好吧,不能说毫无关系,只能说一点也不像)

开发环境要求

● DevEco Studio版本:DevEco Studio 3.1 Release

● HarmonyOS SDK版本:API version 9

基本用法

使用Web组件分为3个基本步骤: 

(1)导入WebView库:

import webview from '@ohos.web.webview';

(2)创建Web视图控制器(WebViewController):

通过Web视图控制器可以对Web组件的显示内容进行控制,实现加载、交互等操作。

webCtr : webview.WebviewController = new webview.WebviewController();

(3)创建Web组件:

在创建Web组件时可以传入默认加载地址和控制器对象。比如,默认加载百度网站的首页,代码如下:

Web({src : "https://m.baidu.com", controller : this.webCtr})

此时,这个Web组件就和webCtr对象绑定在一起了。开发者就可以通过webCtr对象的方法对Web组件中的内容进行控制了。

不要忘了,访问网站时需要添加互联网访问权限。在entry模块下的module.json5文件中,添加ohos.permission.INTERNET权限,代码如下:

{
  "module": {
    ...
    "requestPermissions": [
      {"name": "ohos.permi
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值