devbox
IT小白
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

安卓WebView的使用_android webview

作者：IT小白 | 2024-04-08 09:42:43

赞

踩

android webview

一、WebView简介

        WebView是Android中的原生UI控件，主要用于在app应用中方便地访问远程网页或本地html资源。同时，WebView也在Android中充当Java代码和JS代码之间交互的桥梁。实际上，也可以将WebView看做一个功能最小化的浏览器。

        安卓官方WebView接口文档

二、安卓交互功能封装

        通过Android Studio将WebView相关调用接口封装成AAR包，以供后续Unity调用。

1、新建安卓工程

（1）创建工程

        使用Android Studio创建新工程，选择为Empty Activity。

（2）选项配置

        设置一下Name及Package name，注意一下Language是否选择Java。

 2、创建模块

        创建用于封装AAR包的模块。选中工程名，右键New-->Module。例如本项目创建名为WebView的模块。

        注意，模块包名要与工程的包名一致。

 3、Java类创建

（1）创建方法调用类

        选中WebView模块-->src-->main-->java-->包名（com.xx.xx），右键New-->Java Class，创建名为MainActivity的方法调用Java类，内部写好供Unity调用的方法。写入以下代码。

  1. import android.app.Activity;
  2. import android.content.Context;
  3. import android.content.Intent;
  4. import android.widget.Toast;
  5.  
  6. public class MainActivity extends Activity{
  7.     private Context mContext;
  8.     private static MainActivity mMainActivity = null;
  9.  
  10.     public MainActivity(Context context) {
  11.         this.mContext = context;
  12.     }
  13.  
  14.  
  15.     public static MainActivity getInstance(Context context){
  16.         if (mMainActivity == null) {
  17.             mMainActivity = new MainActivity(context);
  18.         }
  19.         return mMainActivity;
  20.     }
  21.  
  22.     //Unity中会调用这个方法，从而开打WebView
  23.     public void StartWebView(String url,String label)
  24.     {
  25.         printLog("Welcome");
  26.         WebViewActivity.openUrl = url;
  27.         WebViewActivity.activityLabel = label;
  28.         Intent intent = new Intent(this.mContext,WebViewActivity.class);
  29.         this.mContext.startActivity(intent);
  30.     }
  31.  
  32.     public boolean showToast(String content){
  33.         Toast.makeText(this.mContext,content,Toast.LENGTH_SHORT).show();
  34.         return true;
  35.     }
  36.  
  37.     private void printLog(String s){
  38.         //Log.d("vivian",s);
  39.         showToast(s);
  40.     }
  41. }

（2）创建WebView调用类

        同样的方式，在MainActivity同级目录里创建名为WebViewActivity的WebView调用类，用于开启WebView。写入以下代码。

  1. import android.app.Activity;
  2. import android.content.Intent;
  3. import android.net.Uri;
  4. import android.os.Bundle;
  5. import android.text.TextUtils;
  6. import android.util.Log;
  7. import android.view.View;
  8. import android.view.View.OnClickListener;
  9. import android.webkit.WebView;
  10. import android.widget.Button;
  11.  
  12. public class WebViewActivity extends Activity {
  13.     public static String openUrl;//需要打开的链接
  14.     public static String activityLabel;//链接对应的Title,显示在WebView的标题栏
  15.     private WebView webView;
  16.     private Button close;
  17.  
  18.     @Override
  19.     protected void onCreate(Bundle savedInstanceState) {
  20.         super.onCreate(savedInstanceState);
  21.         setTitle(activityLabel);//设置链接的Title
  22.         setContentView(R.layout.activity_webview);
  23.  
  24.         webView = (WebView) findViewById(R.id.WebView);
  25.         webView.loadUrl(openUrl);
  26.         webView.getSettings().setJavaScriptEnabled(true);
  27.         webView.setWebViewClient(new WebViewClient());
  28.  
  29.         close = (Button) findViewById(R.id.CloseButton);
  30.         close.setOnClickListener(new OnClickListener() {
  31.  
  32.             @Override
  33.             public void onClick(View v) {
  34.                 WebViewActivity.this.finish();
  35.             }
  36.         });
  37.     }
  38.  
  39.     private class WebViewClient extends android.webkit.WebViewClient {
  40.         @Override
  41.         public boolean shouldOverrideUrlLoading(WebView view, String url) {
  42.             WebView.HitTestResult hit = view.getHitTestResult();
  43.             //hit.getExtra()为null或者hit.getType() == 0都表示即将加载的URL会发生重定向，需要做拦截处理
  44.             if (TextUtils.isEmpty(hit.getExtra()) || hit.getType() == 0) {
  45.                 //通过判断开头协议就可解决大部分重定向问题了，有另外的需求可以在此判断下操作
  46.                 Log.e("重定向", "重定向: " + hit.getType() + " && EXTRA（）" + hit.getExtra() + "------");
  47.                 Log.e("重定向", "GetURL: " + view.getUrl() + "\n" +"getOriginalUrl()"+ view.getOriginalUrl());
  48.                 Log.d("重定向", "URL: " + url);
  49.             }
  50.  
  51.             if (url.startsWith("http://") || url.startsWith("https://")) {//加载的url是http/https协议地址
  52.                 view.loadUrl(url);
  53.                 return false; //返回false表示此url默认由系统处理,url未加载完成，会继续往下走
  54.  
  55.             } else { //加载的url是自定义协议地址
  56.                 try {
  57.                     Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(url));
  58.                     startActivity(intent);
  59.                 } catch (Exception e) {
  60.                     e.printStackTrace();
  61.                 }
  62.                 return true;
  63.             }
  64.         }
  65.     }
  66. }

4、AndroidManifest.xml文件配置

        在AndroidManifest.xml文件里配置创建的Java类及权限。

        模块创建后默认写入了一些内容，如下所示：

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <manifest xmlns:android="http://schemas.android.com/apk/res/android">
  3.  
  4. </manifest>

        在WebView模块-->src-->main下打开AndroidManifest.xml，写入以下内容：

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <manifest xmlns:android="http://schemas.android.com/apk/res/android"
  3.     package="包名">
  4.     <application
  5.         android:usesCleartextTraffic="true">
  6.         <activity android:name=".MainActivity">
  7.  
  8.         </activity>
  9.         <activity android:name=".WebViewActivity"
  10.             android:label="@string/activity_name">
  11.         </activity>
  12.     </application>
  13.     <!-- 连接互联网的权限 -->
  14.     <uses-permission android:name="android.permission.INTERNET" />
  15. </manifest>

5、创建res文件夹

        选中WebView模块-->src-->main，右键New-->Directory，在弹窗里选择res，双击创建。

 

        res文件夹后续用来存储布局文件及一些字符串配置文件。

        创建后的目录层级如下：

 6、创建WebView布局文件

        布局文件用于WebView界面布局设计。选中res文件夹，右键New-->Directory，在弹窗里输入layout，回车创建。

        创建完毕后，选中layout，右键New-->Layout Resource File，在弹窗里输入activity_webview（名字根据自己的上下文自定义），点击OK创建布局文件。

        将界面选择为Code后，写入以下内容：

 

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     android:layout_width="fill_parent"
  4.     android:layout_height="fill_parent"
  5.     android:orientation="vertical" >
  6.  
  7.     <WebView
  8.         android:id="@+id/WebView"
  9.         android:layout_width="fill_parent"
  10.         android:layout_height="wrap_content"
  11.         android:layout_weight="1.0"
  12.         />
  13.  
  14.     <Button
  15.         android:id="@+id/CloseButton"
  16.         android:layout_width="match_parent"
  17.         android:layout_height="wrap_content"
  18.         android:backgroundTint="#009688"
  19.         android:text="返回"
  20.         android:textColor="#FFFFFF"
  21.         android:textColorHint="#000000" />
  22. </LinearLayout>

7、创建strings.xml文件

         选中res文件夹，右键New-->Directory，在弹窗里输入values，回车创建。

         创建完毕后，选中values，右键New-->File，在弹窗里输入strings.xml后，回车创建。

         创建完毕，打开strings.xml文件，写入以下内容：

  1. <resources>
  2.     <string name="activity_name">B站</string>
  3. </resources>

        strings.xml文件用于设置WebView界面的标题，在WebViewActivity中动态修改其值。

8、修改编译和目标SDK

        在WebView模块中，找到并打开build.gradle文件，将compileSdk和targetSdk修改为31或以上。

         因为后续构建release版本AAR包时，需要31或以上版本的SDK。

9、修改Build变量为release

        点击Build-->Select Build Variant...，在打开的界面中将WebView模块的Build Variant选择为release。

 10、针对AAR包混淆处理

（1）build.gradle修改

        在WebView模块中，找到并打开build.gradle文件，将buildTypes中release块的minifyEnabled修改为true。

 （2）混淆文件修改

        在WebView模块中，找到并打开proguard-rules.pro文件，写入以下内容：

-keep class 包名.MainActivity{public <methods>;}

        此处是为了保持MainActivity中的public方法不被混淆处理，避免供Unity调用的方法混淆。若不加以限制，Unity将无法调用到AAR包里的方法。

11、构建AAR包

        选中WebView模块，点击Build-->Make Module，或者直接Build-->Rebuild Project。

        待编译完成后，在WebView模块-->build-->outputs-->aar里便可找到编译好的AAR包。

 三、Unity调用

1、AAR包放置

        直接将AAR包拖放至Unity的Assets-->Plugins-->Android路径下。

 2、创建C#脚本，调用AAR包

        写入以下内容，用来调用AAR包里的函数接口。

  1. using System.Collections;
  2. using System.Collections.Generic;
  3. using UnityEngine;
  4.  
  5. public class SetWebViewUtils : MonoBehaviour
  6. {
  7.     private AndroidJavaObject setWebViewUtils;
  8.     private string activityLabel;//安卓端Activity的Label，即打开的链接在WebView中的标题
  9.     
  10.     // Start is called before the first frame update
  11.     void Start()
  12.     {
  13.         AndroidJavaClass UnityPlayer = new AndroidJavaClass("com.unity3d.player.UnityPlayer");
  14.         AndroidJavaObject currentActivity = UnityPlayer.GetStatic<AndroidJavaObject>("currentActivity");
  15.         AndroidJavaClass openAppUtilsClass = new AndroidJavaClass("包名.MainActivity");
  16.         setWebViewUtils = openAppUtilsClass.CallStatic<AndroidJavaObject>("getInstance", currentActivity);
  17.     }
  18.  
  19.     //设置WebView的标题
  20.     public void SetTitle(string label)
  21.     {
  22.         activityLabel = label;
  23.     }
  24.  
  25.     //打开WebView
  26.     public void SetWebView(string url)
  27.     {
  28.         setWebViewUtils.Call("StartWebView", url, activityLabel);
  29.     }
  30. }

3、调用测试

        在Unity编辑器里创建三个按钮，用来打开三个不同的链接。

        将SetWebViewUtils脚本挂载至场景物体上。

        三个按钮的调用方式如下，通过传入标题名称及需要打开的链接地址来打开相应的WebView。

 4、切换至安卓平台，打包apk，安装测试便可

四、AAR包资源下载入口

        如果有小伙伴看了以上教程还不知道如何封包，可以直接下载以下AAR包直接使用，里面有插件的包名，替换掉SetWebViewUtils脚本里的“包名”便可。

        AAR包下载入口

声明：本文内容由网友自发贡献，转载请注明出处：【wpsshop博客】
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号