混合开发-webview和原生交互

最新推荐文章于 2024-08-05 15:10:10 发布

Half0pen

最新推荐文章于 2024-08-05 15:10:10 发布

阅读量4k

点赞数

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

本文链接：https://blog.csdn.net/half_open/article/details/76618976

版权

本文介绍了移动开发中的混合开发，特别是通过WebView实现网页与原生Android应用的交互。通过创建一个包含WebView的Activity，并设置JavaScriptInterface，实现了从原生应用调用网页接口的功能。文中提供了一个简单的DEMO，并列举了常用的混合开发框架，如Weex、Ionic和Wex5。

摘要由CSDN通过智能技术生成

混合开发在移动开发中很常见，比如qq中的运动，厘米秀等功能都是用网页实现的。
混合开发中一个重要的功能就是网页和原生接口的数据交互，下面将实现一个小demo.

新建一个activity,布局如下

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.example.h.learn.WebViewActivity">

    <WebView
        android:layout_weight="1"
        android:layout_width="match_parent"
        android:layout_height="fill_parent"
        android:id="@+id/my_web_view"
        />

    <LinearLayout
        android:background="@drawable/webview_bg"
        android:layout_weight="1"
        android:orientation="vertical"
        android:layout_width