鸿蒙HarMonyOS的UI组件学习八之网站引入

Posted 2021-07-21 笔触狂放

鸿蒙系统作为移动互联终端之一，同样也具备手机上访问网站地址的功能，鸿蒙系统中WebView组件可以承载网站的显示，并支持手机界面的网站屏幕适配。

先看界面效果:

可以正常的浏览网站，查阅信息。

接下来，看主布局代码:

<?xml version="1.0" encoding="utf-8"?>
<DirectionalLayout
    xmlns:ohos="http://schemas.huawei.com/res/ohos"
    ohos:height="match_parent"
    ohos:width="match_parent"
    ohos:orientation="vertical">

    <ohos.agp.components.webengine.WebView
        ohos:id="$+id:wv"
        ohos:height="match_parent"
        ohos:width="match_parent"/>

</DirectionalLayout>

在看java界面代码

package com.example.hm_phone_java.slice;

import com.example.hm_phone_java.ResourceTable;
import ohos.aafwk.ability.AbilitySlice;
import ohos.aafwk.content.Intent;
import ohos.agp.components.webengine.WebView;

public class WebViewAbilitySlice extends AbilitySlice {

    @Override
    protected void onStart(Intent intent) {
        super.onStart(intent);
        this.setUIContent(ResourceTable.Layout_ability_webview);
        WebView wv= (WebView) this.findComponentById(ResourceTable.Id_wv);
        //允许加载js脚本
        wv.getWebConfig().setjavascriptPermit(true);
        final String url="https://www.baidu.com/";
        wv.load(url);
    }
}

添加访问网络权限，在项目的config.json文件中的

在module属性中添加权限属性:

    "reqPermissions": [
      {
        "name": "ohos.permission.INTERNET"
      }
    ],

最后将项目运行在华为模拟器上即可。

今天分享到这里，感谢大家的关注和阅读！！！

下一篇 【鸿蒙】HarMonyOS的UI组件学习九之计算器