AndroidのTextViewでクリック可能なリンクを作成する方法

このチュートリアルでは、AndroidアプリのTextViewに表示したテキストの一部を、タップできるリンク（クリック可能なリンク）にする方法を解説します。文字列リソースにHTMLの<a>タグを記述し、LinkMovementMethodを設定するだけで、簡単に実装できます。

完成イメージ

画面の中央に太字のメッセージが表示され、「Tap here to open Link」というリンク部分をタップすると、デフォルトのブラウザが起動してGoogleのページが開きます。

手順1：新規プロジェクトを作成する

Android Studioで新しいプロジェクトを作成します。メニューからFile ⇒ New Projectを選び、必要な項目を入力してプロジェクトを作成してください。

手順2：レイアウトファイル（activity_main.xml）を編集する

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

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="https://schemas.android.com/apk/res/android"
   xmlns:tools="https://schemas.android.com/tools"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   tools:context=".MainActivity">

   <TextView
      android:id="@+id/textViewLink"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_centerInParent="true"
      android:textSize="24sp"
      android:textStyle="bold"
      android:gravity="center"
      android:text="@string/messageWithLink" />
</RelativeLayout>

手順3：文字列リソース（strings.xml）にリンクを定義する

res/values/strings.xml を開き、次のコードを追加します。

<resources>
   <string name="app_name">Sample</string>
   <string
      name="messageWithLink"><a href="https://www.google.com/">Tap here to open Link</a></string>
</resources>

ポイントは、文字列の中にHTMLの<a>タグをそのまま記述している点です。href属性にタップ時のジャンプ先URLを指定します。

手順4：MainActivity.java を実装する

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

package app.com.sample;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.text.method.LinkMovementMethod;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity {
   TextView textView;
   @Override
   protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);

      textView = findViewById(R.id.textViewLink);
      textView.setMovementMethod(LinkMovementMethod.getInstance());
   }
}

最後の setMovementMethod(LinkMovementMethod.getInstance()) の呼び出しが重要です。この一行がないと、リンクは表示されていてもタップしても反応しないため、忘れずに記述しましょう。

手順5：AndroidManifest.xml を確認する

androidManifest.xml は以下のようになります。

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="https://schemas.android.com/apk/res/android"
   package="app.com.sample">

   <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>

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

それではアプリを実行してみましょう。ここでは、実機のAndroidスマートフォンがパソコンに接続されているものとして説明します。Android Studioからアプリを起動するには、プロジェクト内のいずれかのアクティビティファイルを開き、ツールバーのRunアイコンをクリックします。デバイスの選択画面で自分のモバイルデバイスを選ぶと、実機の画面に以下のようにリンク付きテキストが表示されます。

ポイント解説

リンクをタップ可能にする仕組み

TextViewはデフォルトの状態ではリンクに反応しません。LinkMovementMethodをセットすることで、<a>タグで囲まれた部分がタップイベントを受け取れるようになり、ブラウザが起動します。

autoLink属性という別の方法

URLを自動的に検出してリンク化したい場合は、レイアウトXMLで android:autoLink="web" を指定する方法もあります。ただし、任意の文言に自由にリンクを埋め込みたい場合は、本記事のように<a>タグ＋LinkMovementMethodの組み合わせの方が柔軟でおすすめです。

新しいプロジェクトではAndroidXを使用

近年のAndroid Studioで作成したプロジェクトでは、サポートライブラリの代わりにAndroidXが標準となっています。その場合はimport文を androidx.appcompat.app.AppCompatActivity に置き換えてください。なお、リンクはブラウザアプリ経由で開かれるため、アプリ側に特別なパーミッションは必要ありません。