[Android] WebView でウェブアプリの作成

webページを見たい場合や、ローカルで解説ページをhtmlファイルで作成して表示する場合にWebViewを使うことができます。
あるいはもっと簡単にIntentで既存のBrowser(Chromeなど)に飛ばすことも可能です。
 
1x1.trans - [Android] WebView でウェブアプリの作成


Android Studio
2022.1.1

 




WebView の設定

 

Webページを見る方法は2通りあります。

  • WebViewを使う
  • 端末の持っているChrome等のBrowserアプリに投げてそれで閲覧するやり方

 

WebView

 

WebViewにはdefaultではJavaScriptやback keyなど通常のブラウザとしての機能は何もついていません。

Googleは通常のブラウザを使いたいのであればChrome等を使った方がいいと言っています。
WebView | Android Developers
 
ではどういったケースでの使用を目的としているのでしょうか、例えば、アプリの一部として使うということです。アプリの静的なヘルプ画面をHTML で作成することなどが考えられます。
 
WebViewの設定: 
基本的な使い方は、loadUrlにURLを指定してWebViewを開きます。
 

 
あるいはHTML文を直接読み込むこともできます。
 

 
この他の機能としてJavaScriptを使えるようにしたり、バックキーで戻る操作ができるようにすることもできます。
 

 

 

Browerアプリ起動

 

Full Browseを期待するのであればintentで他のBrowserを起動させた方がいいでしょう。ただし、元のアプリとの連携はとれません。
 
Browserを起動させる場合はIntent.ACTION_VIEWでintentを投げます。

 

サンプルコード

 

両方の方法を試すテストコードです。
MainActivity.java

 
インターネットの使用許可を設定します
android.permission.INTERNET
AndroidManifest.xml

 
activity_main.xml

 
WebView を表示させるxmlファイル
web.xml

 
strings.xml

 

サンプル動画

 

これを見てもらうと分かりますが、WebViewのこの設定ではreturnキーで戻っても、最初のアプリ画面には戻れません。Browserで開いた場合は戻ることが可能です。
 

 

WebViewを使って戻る場合は、WebView専用にActivityを作成してIntentで遷移させると戻ることができます。
 

 
 
References:
WebView | Android Developers
Building Web Apps in WebView | Android Developers
Hardware Acceleration | Android Developers

シェアする

  • このエントリーをはてなブックマークに追加

フォローする