h5与安卓原生混合开发之互调集成

最新推荐文章于 2024-03-20 17:30:13 发布

蓝之静云

最新推荐文章于 2024-03-20 17:30:13 发布

阅读量481

点赞数

分类专栏： js android 文章标签： android

本文链接：https://blog.csdn.net/weixin_44659286/article/details/127043484

版权

android 同时被 2 个专栏收录

41 篇文章 1 订阅

订阅专栏

16 篇文章 1 订阅

订阅专栏

一：

在这里插入图片描述

	implementation fileTree(dir: 'libs', include: ['**/*.aar'])
    implementation fileTree(dir: 'libs', include: ['**/*.jar'])

二：

在这里插入图片描述

三：

在这里插入图片描述

四：

// 安卓原生调用h5
    private void toH5Params(String rfid){
        ArrayList<IWebview> weblist = SDK.obtainAllIWebview();
        for(int i=0;i<weblist.size();i++){
            System.out.println(weblist.get(i).getOriginalUrl());
            if(weblist.get(i).getOriginalUrl().contains("index.html") ){
                Log.d("yue-tag", (weblist.get(i)).toString());
                String context = "changeTitle('" + id + "')";
                weblist.get(i).evalJS(context);
            }
        }
    }

五：

<template>
  <div class="home">
    <Button type="info" long @click="callRawAndroid">调用安卓原生</Button>
  </div>
</template>

<script>
/**
 * @author wty
 * @date 2022-09-25
 */
export default {
  name: 'Home',
  methods: {
    callRawAndroid(){
        this.plusToActivity();
    },
    // h5调用安卓原生
    plusToActivity(){
      if(!window.plus) throw new Error("the method must be used in android!");
      const _t = this;
      const main = window.plus.android.runtimeMainActivity();
      const Parasitic = window.plus.android.importClass('com.coral3.ah.ui.fragment.tabbar');
      const parasitic = new Parasitic(main);
      _t.data = parasitic.showToast();
      _t.$Message.success({
        content: _t.data
      })
    },
    registerRawMethods(){
      const _t = this;
      // 向window注册方法
      window["changeTitle"] = info => {
        _t.$Message.success({
          content: info
        })
      }
    }
  },
  created(){
    this.registerRawMethods();
  }
}
</script>
<style lang="scss">
  .home{
     .seat{
       width:100%;
     }
  }
</style>