web view

11

Click here to load reader

Upload: yamane-toshiaki

Post on 09-May-2015

1.681 views

Category:

Documents


3 download

TRANSCRIPT

Page 1: Web view

WebView

WebKit の使い方

Page 2: Web view

agenda

• 簡単なサンプル

• javascript の動作について

• assets フォルダ

• javascript との連携

Page 3: Web view

簡単なサンプル

• Manifest で permission の追加

• WebView オブジェクトの生成

• loadUrl

Page 4: Web view

Manifest

インターネット接続権限の付与

Page 5: Web view

Activity への盛り込み

WevView オブジェクトを作って loadUrl

Page 6: Web view

動かしてみよう

• 通常のサイト表示は可能のはずです

• javascript を使用するサイトは?

• 例えば Google Maps とか

Page 7: Web view

javascirpt 動作可能に

• setJavaScriptEnabled メソドに true を渡します• Google などで確認してみましょう

Page 8: Web view

ローカルな html の処理• ローカルな html の読み込みもできます

– 方法は以下– loadUrl(file:///android asset/xxx.html);”

• assets 配下にファイルを投入すれば OK

試してみましょう。

Page 9: Web view

javascript との連携

• javascript interface

• サンプル以下です

• http://db.tt/N5fz7L

• download したファイルを展開して import

Page 10: Web view

javascript

• 基本的にはブラウザ上で非同期に動作

• リアルタイムな処理には向かない

• html5 + CSS + javascript の可能性

Page 11: Web view

追補Android 側から javascript な function 呼び出し可能<script type="text/javascript">

function reloadFunction() {

上記 javascript な function を以下で呼び出せますWebView.loadUrl("javascript:reloadFunction()");