android与h5互调

最新推荐文章于 2024-05-15 09:28:30 发布
最新推荐文章于 2024-05-15 09:28:30 发布
阅读量396 收藏
点赞数 1
分类专栏： android 移动开发 文章标签： android h5 Android与h5互调
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sinat_26397681/article/details/82286402
版权

Java代码与H5互调

界面布局就不说了，一个按钮

主要是核心代码

package com.example.androi_h5;

import android.app.Activity;
import android.os.Bundle;
import android.text.TextUtils;
import android.view.View;
import android.webkit.JavascriptInterface;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.Button;
import android.widget.EditText;
import android.widget.Toast;

public class JavaAndJSActivity extends Activity implements View.OnClickListener {

    private EditText etNumber;
    private EditText etPassword;
    private Button btnLogin;

    private WebView webView;

    private void findViews() {
        setContentView(R.layout.activity_java_and_js);
        etNumber = (EditText) findViewById(R.id.et_number);
        etPassword = (EditText) findViewById(R.id.et_password);
        btnLogin = (Button) findViewById(R.id.btn_login);
        btnLogin.setOnClickListener(this);
        initWebView();
    }

    private void initWebView() {
        webView = new WebView(this);
        WebSettings settings = webView.getSettings();

        settings.setJavaScriptEnabled(true);

        webView.setWebViewClient(new WebViewClient());

        webView.addJavascriptInterface(new AndroidAndJSInterface(),"Android" );
//        webView.loadUrl("http://www.atguigu.com/");
        //加载本地
        webView.loadUrl("file:///android_asset/JavaAndJavaScriptCall.html");
        setContentView(webView);
    }

    /**
     * js可以调用该类的方法
     */
    class AndroidAndJSInterface{
        @JavascriptInterface
        public void showToast(){
            Toast.makeText(JavaAndJSActivity.this, "我被js调用了", Toast.LENGTH_SHORT).show();
        }
    }

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_java_and_js);
        findViews();
    }

    @Override
    public void onClick(View view) {
        if (view == btnLogin) {
          login();
        }
    }

    private void login() {
        String numebr = etNumber.getText().toString().trim();
        String password = etPassword.getText().toString().trim();
        if (TextUtils.isEmpty(numebr) || TextUtils.isEmpty(password)) {
            Toast.makeText(JavaAndJSActivity.this, "账号或者密码为空", Toast.LENGTH_SHORT).show();
        } else {
            //登录
            login(numebr);
        }
    }
    private void login(String numebr) {
        webView.loadUrl("javascript:javaCallJs(" + "'" + numebr + "'" + ")");
        setContentView(webView);
    }
}

这是加载本地的html，放在assets目录下的

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <script type="text/javascript">

	function javaCallJs(){
		 document.getElementById("content").innerHTML +=   
	         "<br\>java调用了js无参函数";
	}
	
	function javaCallJs(arg){
		 document.getElementById("content").innerHTML =
	         ("欢迎："+arg );
	}
	
	
   function showDialog(){
      alert("谷粉们你好,我是来自javascript");
   }
   





    </script>


</head>


<body>

<div align="left" id="content"> 谷粉</div>
<div align="right">光临尚硅谷</div>

<p><img src="http://atguigu.com/images/logo.gif"></p>


<input type="button" value="点击Android被调用" onclick="window.Android.showToast()" />

</body>


</html>

布局文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:background="@android:color/holo_blue_light"
        android:gravity="center">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="登录页面"
            android:textColor="@android:color/black"
            android:textSize="20sp" />

    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:padding="10dp">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@drawable/bg_shap"
            android:orientation="vertical"
            android:padding="5dp">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="账号："
                android:textColor="#000000" />

            <EditText
                android:id="@+id/et_number"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:hint="请输入账号..."
                android:textColor="#000000" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="密码："
                android:textColor="#000000" />

            <EditText
                android:id="@+id/et_password"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:hint="请输入密码..."
                android:password="true"
                android:textColor="#000000" />

            <Button
                android:id="@+id/btn_login"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="登录"
                android:textColor="#000000"
                android:textSize="25sp" />

        </LinearLayout>
    </LinearLayout>

</LinearLayout>

记得加上联网权限

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

拖鞋王子猪
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
android 与 h5 互调
老朱gpt的博客
01-08 215
 android 与h5互调还是很简单的。   首先需要基本配置下webview。 这里都不是重点，可以忽视。 wb_content.getSettings().setCacheMode(WebSettings.LOAD_DEFAULT); wb_content.getSettings().setDomStorageEnabled(true); wb_content.getSettings...
Android与h5界面互调
07-18
androdi调用js函数，js调用android函数
Android与H5互调
weixin_34228662的博客
05-26 97
前言 微信，微博，微商，QQ空间，大量的软件使用内嵌了H5，这个时候就需要了解Android如何更H5交互的了；有些外包公司，为了节约成本，采用Android内嵌H5模式开发，便于在IOS上直接复用页面，最终解决成本。 效果图： 还有其他4中情况，也可能会导致JS调用失败，一并总结如下： webView.getSettings().setJavaScriptEnable(true); 设置we...
2024年安卓最全android与H5交互方法简介，熬夜整理Android面试笔试题
最新发布
2401_84123077的博客
05-15 477
本人从事Android开发已经有十余年，算是一名资深的移动开发架构师了吧。根据我的观察发现，对于很多初中级Android工程师而言，想要提升技能，往往是自己摸索成长，不成体系的学习效果低效漫长且无助。所以在此将我十年载，从萌新小白一步步成长为Android移动开发架构师的学习笔记，从Android四大组件到手写实现一个架构设计，我都有一一的对应笔记为你讲解。当然我也为你们整理好了百度、阿里、腾讯、字节跳动等等互联网超级大厂的历年面试真题集锦。
Android 与 H5 之间的互调
jwllls的博客
12-08 517
在APP的开发中嵌入了H5页面，这样就可以在Android和iOS系统上跑，大大节约了成本。因此作为移动端开发者，一定要学会使用手机系统与H5页面的互调，下面介绍一下Android与H5的互调，关于其具体使用会在代码中说明。
Android与H5互调详细介绍
01-05
Android与H5互调详细介绍    微信，微博，微商，QQ空间，大量的软件使用内嵌了H5，这个时候就需要了解Android如何更H5交互的了；有些外包公司，为了节约成本，采用Android内嵌H5模式开发，便于在iOS上直接复用页面，最终解决成本。         为什么学android也要学h5？ Android很多软件都有内嵌H5的,有什么用处、优势？节约成本，提高开发效率。 实现的原理是什么？         本质是:Java代码和JavaScript调用 案例一：Java与Js简单互调         首先，在Android代码中加载H5页面： private void
Android与H5之间的互调
云儿的博客
04-10 220
文章目录前言：WebView 前言： android发展至今，为了屏幕适配、apk的大小以及代码的适配，在很多情况下都是通过H5互调。 WebView 初始化 @SuppressLint("JavascriptInterface") private void initWebView() { //1.加载页面-H5，html，自定义浏览器，直接在 web...
Android和H5互调
05-17
本篇文章将深入探讨Android和H5如何实现互调，帮助开发者理解和掌握这一技术。 一、Android调用H5 1. Webview集成：Android通过集成WebView组件来加载和展示H5页面。WebView是Android系统内置的浏览器内核，它可以...
Android和H5的互相调用
热爱技术
06-22 1338
微信，微博，微商，QQ空间，大量的软件使用内嵌了H5，这个时候就需要了解Android如何跟H5交互的了;有些外包公司，为了节约成本，采用Android内嵌H5模式开发，便于在iOS上直接复用页面，最终解决成本。
Android与H5（JS）互调
走马川行雪的博客
04-28 6935
1、Android调用H5（JS） 1.1、新建assets资源目录并将准备好的HTML页面放入其中 （真实项目中HTML页面放在Tomcat中启动） 1.2、初始化webView并加载HTML页面 @SuppressLint({"SetJavaScriptEnabled", "AddJavascriptInterface"}) public void initWebView() { //可以加载网页和自定义浏览器 webView = new W
Android中WebView使用6，js调java实现播放视频
翟浩浩Android专栏
09-15 1330
效果图 项目结构： 核心代码： JsCallJavaVideoActivity中 package com.zhh.android; import android.app.Activity; import android.content.Intent; import android.net.Uri; import android.support.v7.app.AppCo
android+h5混合开发
admi1的博客
08-18 1715
JAVA调用JS代码 方式一： 使用WebView的loadUrl()方法，以loadUrl(script)的方式调用。 方式二： 使用WebView的evaluateJavascript()方法。 JS调用JAVA代码 方式一： 使用WebView的addJavascriptInterface()方法注入对象。 方式二： 使用WebViewClient 的shouldOverrideUrlLoading()方法回调拦截请求。 方式三： 重写 WebChromeClient 的onJsAlert
Android和H5互调案例基础详解
热门推荐
gjy_it的博客
01-06 3万+
混合开发概述 微信，微博以及现在市面上大量的软件使用内嵌了H5页面；有些外包公司，为了节约成本，采用Android内嵌H5模式开发，便于在iOS上直接复用页面， 从而提高开发效率。 实现的原理： 本质是：Java代码和Javascript调用H5页面，只是Html的扩展，Javascript用来处理页面的逻辑 Android和H5互调案例: 一.java调用j
WebView详解与简单实现Android与H5互调
极客神殿
04-02 942
为什么要学习Android与H5互调？微信，QQ空间等大量软件都内嵌了H5，不得不说是一种趋势。Android与H5互调可以让我们的实现混合开发，至于混合开发就是在一个App中内嵌一个轻量级的浏览器，一部分原生的功能改为Html 5来开发。 优势：使用H5实现的功能能够在不升级App的情况下动态更新，而且可以在Android或iOS的App上同时运行，节约了成本，提高了开发效率。 原理：其实就是
android与H5交互方法简介(2)
2401_84545339的博客
04-29 699
1.前言app开发过程中，利用原生+h5模式来开发是比较常见的，刚学习一段时间的安卓技术，感觉对我来说使用h5来实现ui界面是于安卓原生相比还是更为快速一下，也能够在网上找到许多模板样式。目前android和H5的基本知识都大概了解了，但android和H5之间的交互比较陌生，所以查阅了一下资料，对android与H5交互方法进行一个简单的记录和演示，为后续应用开发做准备。2.交互方式总结使用WebView的loadUrl()方法，以loadUrl(script)的方式调用。
H5的js调用安卓的方法
坐等夕阳落time的博客
12-07 5650
前言 一个应用既有安卓端又有ios端，为了同步时间进度，打算用H5网页替代原生的方法，那么在H5中，网页的返回按钮怎么调用安卓的方法，finish掉Activity呢？ 方法1 安卓： // webview的配置 webview.getSettings().setJavaScriptEnabled(true); webview.getSettings().setDefaultTextEncodingName("UTF-8"); webview.addJavascriptInterface(new
Cocos2dx与Android互调指南：JNI与广告集成
"Android和Cocos2dx间互调的方法，主要通过JNI技术实现，适用于Cocos2dx游戏或应用在Android环境中集成第三方服务，如广告SDK。本文档以万普广告Android SDK v1.1为例，指导开发者进行相关操作。" 在Android和Cocos...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值