JS複合用途開発の原則とAndroid

プロジェクトの確立

アプリケーション名アプリケーション名//アプリケーションプロセスは、携帯電話にインストールされている面である: - :手順>新しいプロジェクトファイル

Company domain   公司标识
Company domain + Application name 就是应用的包名

ここに画像を挿入説明

Active Name Android的控制代码 同等于vue的入口文件  
Layout 布局文件 相当于HTML代码

ここに画像を挿入説明

コンパイルされたディレクトリの主な構造:SRCファイル

ここに画像を挿入説明

Java目录下的MainActive文件  定义变量用于保存获取到的dom对象,然后对dom对象进行操作,相当于 h5 中的 Javascript文件,对dom进行逻辑操作(如点击事件)

Java目录下的MWebChromeClient文件 MWebViewClient
是webview 内部跳转需要用到的文件 直接复制

res 下的layout 文件相当于HTML文件 是对静页面的布局

assets下 写HTML文件

ハイブリッドアプリケーション開発の原則

実際に書き込み、Webページへのjsのコードを入れてシェルを構築するためのAndroidのネイティブコードのAndroidアプリ、と

まず、我々は、AndroidのWebViewコンポーネントを使用する必要があります

MainActiveファイル内の1、

私たちは、ページにページを追加する必要があります

wv.loadUrl("file:///android_asset/index.html"); ///加载本地的页面 ‐‐‐‐‐ 代码在手 
机,更新需要下载替换 
wv.loadUrl("https://h5.m.taobao.com/#index"); /// 加载远程的页面 ‐‐‐‐‐ 更新无需下载

或者添加本地资源

wv.loadUrl("file:///android_asset/index.html");

Webviwのデフォルトのブラウザは純粋で、JSをサポートしていない、追加する必要があります

 // google - 设置 -高级 - 网站设置 - javascript
 wv.getSettings().setJavaScriptEnabled(true);

デフォルトでは、WebViewの中のリンクをクリックして、それは、Androidシステムがこのリンクを開くには、ブラウザが付属して使用します。次のコードのWebView内でジャンプジャンプの必要性のページにJS

MWebViewClient mWebViewClient = new MWebViewClient(wv, getApplicationContext());
wv.setWebViewClient(mWebViewClient);
MWebChromeClient mWebChromeClient = new MWebChromeClient(getApplicationContext());
wv.setWebChromeClient(mWebChromeClient);
AndroidManifestファイル内の2、(Androidのためのいくつかの構成情報)

あなたはネットワークが必要な場合は**、あなたは**権限を追加する必要があります

<uses‐permission android:name="android.permission.INTERNET" />
新建两个对象MWebViewClient 和 MWebChromeClient,他们分别继承自WebViewClient和 WebChromeClient 主要提供网页加载过程中提供的数据内容
MWebViewClient 和 MWebChromeClient中的方法其相当于vue中的生命周期

でAndroidのJSの関数呼び出し

如果你要调用系统中的方法,如 调用拍照功能 
android工程师会为你提供一个对象和他对应的方法(在MainActive定义)

使用wv.addJavascriptInterface(new MJavascriptInterface1(getApplicationContext()), "androidObj");给浏览器提供接口-> 对象(androidObj ) 提供了 方法 (takePhoto)

在assets中的index文件中调用 :调用方法window.对象.方法()

Androidのは、関数JSを呼び出し、

在assets中是index(自己建的HTML文件)文件下定义方法,js函数
在MainActive中调用 wv.loadUrl("javascript: js中的方法名(实参...)");

要約:

複合用途開発の核となるアイデアAndroidまたはiOSアプリケーションに組み込まれたWebページ----
ローダは、Webブラウザ2から不可分であるネイティブのブラウザを提供することができた場合、あなたができる
3、主成分のWebViewがあるだろう、それがありますブラウザ、ただ純粋なブラウザ、あなたが設定する必要が
4 Androidはjsの機能セットを呼び出すことができ、あなたは、パラメータがパラメータ合格しないことがあり渡すことができます
5つのjsの機能は、Androidのセットで呼び出すことができますが

公開された15元の記事 ウォンの賞賛3 ビュー654

おすすめ

転載: blog.csdn.net/qq_42714690/article/details/104486050