AndroidでWebViewにフォーカスを追加する方法を実例付きで解説

本記事では、AndroidアプリにおいてWebViewにフォーカスを追加する方法を、実際のコード例とともに段階的に解説します。WebViewはアプリ内でWebページを表示できる便利なコンポーネントですが、起動時に自動的にフォーカスを与えたいケースがあります。そんなときに役立つ実装手順を見ていきましょう。

Step 1：Android Studioで新規プロジェクトを作成する

まず、Android Studioを開き、メニューから「File」⇒「New Project」を選択します。必要な項目（プロジェクト名、パッケージ名、保存先など）を入力して、新しいプロジェクトを作成してください。

Step 2：レイアウトファイル（activity_main.xml）にコードを追加する

次に、res/layout/activity_main.xmlに以下のコードを記述します。

<?xml version = "1.0" encoding = "utf-8"?>
<LinearLayout xmlns:android = "https://schemas.android.com/apk/res/android"
   xmlns:app = "https://schemas.android.com/apk/res-auto"
   xmlns:tools = "https://schemas.android.com/tools"
   android:layout_width = "match_parent"
   android:gravity = "center"
   android:layout_height = "match_parent"
   tools:context = ".MainActivity"
   android:orientation = "vertical">
   <WebView
      android:id = "@+id/web_view"
      android:layout_width = "match_parent"
      android:layout_height = "match_parent" />
</LinearLayout>

上記のコードでは、google.comのページを表示するためのWebViewを画面いっぱいに配置しています。

Step 3：MainActivity.javaにコードを追加する

続いて、src/MainActivity.javaに以下のコードを記述します。

package com.example.myapplication;
import android.os.Build;
import android.os.Bundle;
import android.support.annotation.RequiresApi;
import android.support.v7.app.AppCompatActivity;
import android.webkit.WebView;
import android.widget.EditText;
public class MainActivity extends AppCompatActivity {
   @RequiresApi(api = Build.VERSION_CODES.P)
   @Override
   protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);
      WebView web_view = findViewById(R.id.web_view);
      web_view.loadUrl("https://www.google.com/");
      web_view.requestFocus();
      web_view.getSettings().setLightTouchEnabled(true);
   }
}

ポイントの解説

• loadUrl()：指定したURL（ここではGoogleのトップページ）を読み込みます。
• requestFocus()：WebViewに対してフォーカスを要求し、起動直後からキー操作やタッチ操作を受け取れる状態にします。
• setLightTouchEnabled(true)：軽いタッチ操作でも反応するように設定します。

Step 4：AndroidManifest.xmlにコードを追加する

最後に、AndroidManifest.xmlに以下のコードを記述します。インターネットアクセスのための権限設定が重要です。

<?xml version = "1.0" encoding = "utf-8"?>
<manifest xmlns:android = "https://schemas.android.com/apk/res/android"
    package = "com.example.myapplication">
    <uses-permission android:name = "android.permission.INTERNET"/>
    <application
       android:allowBackup = "true"
       android:icon = "@mipmap/ic_launcher"
       android:label = "@string/app_name"
       android:roundIcon = "@mipmap/ic_launcher_round"
       android:supportsRtl = "true"
       android:theme = "@style/AppTheme">
       <activity android:name = ".MainActivity">
          <intent-filter>
             <action android:name = "android.intent.action.MAIN" />
             <category android:name = "android.intent.category.LAUNCHER" />
          </intent-filter>
       </activity>
    </application>
</manifest>

なお、<uses-permission android:name="android.permission.INTERNET"/>の記述がないと、WebViewで外部サイトを読み込むことができないため注意してください。

アプリを実行して動作を確認する

それでは、アプリを実行してみましょう。Android端末をPCに接続した状態で、Android Studioのツールバーにある「Run」アイコンをクリックします。デバイス選択ダイアログで接続中のモバイル端末を選択すると、端末の画面に以下のようにGoogleのページが表示されます。

このように、requestFocus()を呼び出すだけで、WebViewにフォーカスを追加することができます。フォーム入力があるページなどを表示する場合や、起動直後にキーボード操作を可能にしたい場合に活用してみてください。