Androidアプリでtextviewリンクのクリックを処理する


148

私は現在、次のようにTextViewでHTML入力をレンダリングしています:

tv.setText(Html.fromHtml("<a href='test'>test</a>"));

表示されているHTMLは外部リソースを介して提供されているため、変更を加えることはできませんが、もちろん、正規表現を使用してHTMLを改ざんしたり、href値を別のものに変更したりできます。

リンクがブラウザーウィンドウを開くのではなく、アプリ内から直接リンククリックを処理できるようにしたいのです。これはまったく達成可能ですか?href-valueのプロトコルを「myApp://」のようなものに設定し、アプリがそのプロトコルを処理できるようにする何かを登録することは可能だと思います。これが本当に最善の方法である場合、それがどのように行われるかを知りたいのですが、「このテキストビューでリンクをクリックすると、受信するイベントを発生させたいのです。入力パラメータとしてのリンクのhref値


[ここ] [1] [1]で何か他のものを見つけました:stackoverflow.com/questions/7255249/… お役に立てれば幸いです^^
Mr_DK

1
デビッド、私はあなたのケースに似たケースを持っています、私は外部ソース(ウェブ)からもhtmlを取得しますが、このソリューションを適用できるように、href値を改ざんする正規表現をどのように正規化しますか?
X09

回答:


182

ほぼ1年後のこの時期に来て、私の特定の問題を解決する別の方法があります。自分のアプリでリンクを処理したかったので、少し簡単な解決策があります。

デフォルトのインテントフィルターに加えて、ターゲットアクティビティにACTION_VIEWインテント、特にスキームのあるアクティビティをリッスンさせるだけですcom.package.name

<intent-filter>
    <category android:name="android.intent.category.DEFAULT" />
    <action android:name="android.intent.action.VIEW" />
    <data android:scheme="com.package.name" />  
</intent-filter>

これは、で始まるリンクcom.package.name://が私のアクティビティによって処理されることを意味します。

つまり、伝えたい情報を含むURLを作成するだけです。

com.package.name://action-to-perform/id-that-might-be-needed/

私のターゲットアクティビティでは、次のアドレスを取得できます。

Uri data = getIntent().getData();

私の例ではdata、null値を確認するだけで済みます。nullでない場合は、そのようなリンクによって呼び出されたことがわかります。そこから、適切なデータを表示するために必要な指示をURLから抽出します。


1
正解です。正常に動作していますが、渡されたデータのデータをこれで送信できますか?
user861973

4
@ user861973:はい、getData完全なURIを提供しますgetDataString。テキスト表現を生成することもできます。どちらの方法でも、必要なすべてのデータを含むようにURLを作成し、com.package.name://my-action/1/2/3/4その文字列から情報を抽出できます。
David Hedlund、2012

3
このアイデアを理解するのに1日かかりましたが、私はあなたに何を伝えます-それはそれだけの価値がありました。適切に設計されたソリューション
Dennis

7
素晴らしいソリューション。これをTextviewに追加して、リンクを有効にすることを忘れないでください。tv.setMovementMethod(LinkMovementMethod.getInstance());
Daniel Benedykt 2013年

3
申し訳ありませんが、アクティビティのどの方法で言うべきUri data = getIntent().getData();ですか?私は、受信し続けるActivity not found to handle intentエラーが。-ありがとう
rgv

62

別の方法では、Linkifyから少し借用しますが、処理をカスタマイズできます。

カスタムスパンクラス:

public class ClickSpan extends ClickableSpan {

    private OnClickListener mListener;

    public ClickSpan(OnClickListener listener) {
        mListener = listener;
    }

    @Override
    public void onClick(View widget) {
       if (mListener != null) mListener.onClick();
    }

    public interface OnClickListener {
        void onClick();
    }
}

ヘルパー関数:

public static void clickify(TextView view, final String clickableText, 
    final ClickSpan.OnClickListener listener) {

    CharSequence text = view.getText();
    String string = text.toString();
    ClickSpan span = new ClickSpan(listener);

    int start = string.indexOf(clickableText);
    int end = start + clickableText.length();
    if (start == -1) return;

    if (text instanceof Spannable) {
        ((Spannable)text).setSpan(span, start, end, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
    } else {
        SpannableString s = SpannableString.valueOf(text);
        s.setSpan(span, start, end, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        view.setText(s);
    }

    MovementMethod m = view.getMovementMethod();
    if ((m == null) || !(m instanceof LinkMovementMethod)) {
        view.setMovementMethod(LinkMovementMethod.getInstance());
    }
}

使用法:

 clickify(textView, clickText,new ClickSpan.OnClickListener()
     {
        @Override
        public void onClick() {
            // do something
        }
    });

別の解決策は、カスタムスパンでスパンを置き換えることです。stackoverflow.com
a /

非常にエレガントなソリューション
マリオズデリック2013

これが実装する最も簡単なソリューションであることがわかりました。Googleは、この混乱を一掃して、テキストビューのリンクを常にクリック可能にする方法を提供したことがありません。スパンを強制的に適用するのは残忍なアプローチですが、OSのバージョンが異なるとうまく機能します。+1
angryITguy 2018年

55

テキストビューに複数のリンクがある場合。たとえば、textviewには "https://"と "tel no"があり、LinkMovementメソッドをカスタマイズして、パターンに基づいて単語のクリックを処理できます。添付されているのは、カスタマイズされたリンク移動方法です。

public class CustomLinkMovementMethod extends LinkMovementMethod
{

private static Context movementContext;

private static CustomLinkMovementMethod linkMovementMethod = new CustomLinkMovementMethod();

public boolean onTouchEvent(android.widget.TextView widget, android.text.Spannable buffer, android.view.MotionEvent event)
{
    int action = event.getAction();

    if (action == MotionEvent.ACTION_UP)
    {
        int x = (int) event.getX();
        int y = (int) event.getY();

        x -= widget.getTotalPaddingLeft();
        y -= widget.getTotalPaddingTop();

        x += widget.getScrollX();
        y += widget.getScrollY();

        Layout layout = widget.getLayout();
        int line = layout.getLineForVertical(y);
        int off = layout.getOffsetForHorizontal(line, x);

        URLSpan[] link = buffer.getSpans(off, off, URLSpan.class);
        if (link.length != 0)
        {
            String url = link[0].getURL();
            if (url.startsWith("https"))
            {
                Log.d("Link", url);
                Toast.makeText(movementContext, "Link was clicked", Toast.LENGTH_LONG).show();
            } else if (url.startsWith("tel"))
            {
                Log.d("Link", url);
                Toast.makeText(movementContext, "Tel was clicked", Toast.LENGTH_LONG).show();
            } else if (url.startsWith("mailto"))
            {
                Log.d("Link", url);
                Toast.makeText(movementContext, "Mail link was clicked", Toast.LENGTH_LONG).show();
            }
            return true;
        }
    }

    return super.onTouchEvent(widget, buffer, event);
}

public static android.text.method.MovementMethod getInstance(Context c)
{
    movementContext = c;
    return linkMovementMethod;
}

これは、次の方法でテキストビューから呼び出す必要があります。

textViewObject.setMovementMethod(CustomLinkMovementMethod.getInstance(context));

8
実際にはコンテキストを渡す必要はないので、別の静的変数で「背後」にあるので、一種の臭いです。widget.getContext()代わりに使用してください。
SergejKoščejev2013

はい、コンテキストは削除できます。セルゲイを指摘してくれてありがとう
アルン

6
これは見事に機能しますが、setTextの後にsetMovementMethodを呼び出す必要があります。そうしないと、デフォルトのLinkMovementMethodで上書きされます
Ray Britton

機能しますが、クリックするたびにスパンを繰り返す必要はありません。また、位置によるフィルターはエラーが発生しやすいように見えます。同様の1回限りの初期化アプローチがこの回答に示されています
ミスタースミス

@アルンコメントに従って回答を更新してください。
Behrouz.M 2015

45

@Arunの回答に基づくより一般的なソリューションを次に示します

public abstract class TextViewLinkHandler extends LinkMovementMethod {

    public boolean onTouchEvent(TextView widget, Spannable buffer, MotionEvent event) {
        if (event.getAction() != MotionEvent.ACTION_UP)
            return super.onTouchEvent(widget, buffer, event);

        int x = (int) event.getX();
        int y = (int) event.getY();

        x -= widget.getTotalPaddingLeft();
        y -= widget.getTotalPaddingTop();

        x += widget.getScrollX();
        y += widget.getScrollY();

        Layout layout = widget.getLayout();
        int line = layout.getLineForVertical(y);
        int off = layout.getOffsetForHorizontal(line, x);

        URLSpan[] link = buffer.getSpans(off, off, URLSpan.class);
        if (link.length != 0) {
            onLinkClick(link[0].getURL());
        }
        return true;
    }

    abstract public void onLinkClick(String url);
}

それを使用するにはonLinkClickTextViewLinkHandlerクラスを実装するだけです。例えば:

    textView.setMovementMethod(new TextViewLinkHandler() {
        @Override
        public void onLinkClick(String url) {
            Toast.makeText(textView.getContext(), url, Toast.LENGTH_SHORT).show();
        }
    });

2
よく働く。注:android:autoLink = "web"をテキストビューに追加することを忘れないでください。autolink属性がないと、これは機能しません。
オカラコセ

ここにリストされているすべてのソリューションを試しました。これは私にとって最高です。明確で使いやすく、強力です。ヒント:最大限に活用するには、Html.fromHtmlを使用する必要があります。
Kai Wang

1
ベストアンサー!ありがとう!android:autoLink = "web"をXMLまたはコードに追加することを忘れないでくださいLinkifyCompat.addLinks(textView、Linkify.WEB_URLS);
Nikita Axyonov 2017年

1
一見単純な要件となるのは、Androidでの非常に複雑な問題です。このソリューションは、その苦痛の多くを取り除きます。このソリューションがAndroid Nで機能するためにautoLink = "web"は必要ないことを発見しました。+1
angryITguy

1
なぜこのようなクラスがネイティブに存在しないのか-これらすべての年の後に-私を超えて。LinkMovementMethodをAndroidに感謝しますが、私は通常、自分のUIを制御したいと思っています。UIイベントを私に報告できるので、MYコントローラーがそれらを処理できます。
methodsignature

10

非常にシンプルなため、次の行をコードに追加します。

tv.setMovementMethod(LinkMovementMethod.getInstance());

1
ジョナサン、返信ありがとうございます。はい、MovementMethodについて知っていました。デフォルトの移動方法と同じように、ブラウザーを開くだけでなく、自分のアプリがリンクのクリックを処理するように指定する方法がわからなかった(承認された回答を参照)。とにかくありがとう。
David Hedlund、2010

5

解決

TextView自体の長いクリックとTextViewのリンクのタップを処理できるように、小さなクラスを実装しました。

レイアウト

TextView android:id="@+id/text"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:autoLink="all"/>

TextViewClickMovement.java

import android.content.Context;
import android.text.Layout;
import android.text.Spannable;
import android.text.method.LinkMovementMethod;
import android.text.style.ClickableSpan;
import android.util.Patterns;
import android.view.GestureDetector;
import android.view.MotionEvent;
import android.widget.TextView;

public class TextViewClickMovement extends LinkMovementMethod {

    private final String TAG = TextViewClickMovement.class.getSimpleName();

    private final OnTextViewClickMovementListener mListener;
    private final GestureDetector                 mGestureDetector;
    private TextView                              mWidget;
    private Spannable                             mBuffer;

    public enum LinkType {

        /** Indicates that phone link was clicked */
        PHONE,

        /** Identifies that URL was clicked */
        WEB_URL,

        /** Identifies that Email Address was clicked */
        EMAIL_ADDRESS,

        /** Indicates that none of above mentioned were clicked */
        NONE
    }

    /**
     * Interface used to handle Long clicks on the {@link TextView} and taps
     * on the phone, web, mail links inside of {@link TextView}.
     */
    public interface OnTextViewClickMovementListener {

        /**
         * This method will be invoked when user press and hold
         * finger on the {@link TextView}
         *
         * @param linkText Text which contains link on which user presses.
         * @param linkType Type of the link can be one of {@link LinkType} enumeration
         */
        void onLinkClicked(final String linkText, final LinkType linkType);

        /**
         *
         * @param text Whole text of {@link TextView}
         */
        void onLongClick(final String text);
    }


    public TextViewClickMovement(final OnTextViewClickMovementListener listener, final Context context) {
        mListener        = listener;
        mGestureDetector = new GestureDetector(context, new SimpleOnGestureListener());
    }

    @Override
    public boolean onTouchEvent(final TextView widget, final Spannable buffer, final MotionEvent event) {

        mWidget = widget;
        mBuffer = buffer;
        mGestureDetector.onTouchEvent(event);

        return false;
    }

    /**
     * Detects various gestures and events.
     * Notify users when a particular motion event has occurred.
     */
    class SimpleOnGestureListener extends GestureDetector.SimpleOnGestureListener {
        @Override
        public boolean onDown(MotionEvent event) {
            // Notified when a tap occurs.
            return true;
        }

        @Override
        public void onLongPress(MotionEvent e) {
            // Notified when a long press occurs.
            final String text = mBuffer.toString();

            if (mListener != null) {
                Log.d(TAG, "----> Long Click Occurs on TextView with ID: " + mWidget.getId() + "\n" +
                                  "Text: " + text + "\n<----");

                mListener.onLongClick(text);
            }
        }

        @Override
        public boolean onSingleTapConfirmed(MotionEvent event) {
            // Notified when tap occurs.
            final String linkText = getLinkText(mWidget, mBuffer, event);

            LinkType linkType = LinkType.NONE;

            if (Patterns.PHONE.matcher(linkText).matches()) {
                linkType = LinkType.PHONE;
            }
            else if (Patterns.WEB_URL.matcher(linkText).matches()) {
                linkType = LinkType.WEB_URL;
            }
            else if (Patterns.EMAIL_ADDRESS.matcher(linkText).matches()) {
                linkType = LinkType.EMAIL_ADDRESS;
            }

            if (mListener != null) {
                Log.d(TAG, "----> Tap Occurs on TextView with ID: " + mWidget.getId() + "\n" +
                                  "Link Text: " + linkText + "\n" +
                                  "Link Type: " + linkType + "\n<----");

                mListener.onLinkClicked(linkText, linkType);
            }

            return false;
        }

        private String getLinkText(final TextView widget, final Spannable buffer, final MotionEvent event) {

            int x = (int) event.getX();
            int y = (int) event.getY();

            x -= widget.getTotalPaddingLeft();
            y -= widget.getTotalPaddingTop();

            x += widget.getScrollX();
            y += widget.getScrollY();

            Layout layout = widget.getLayout();
            int line = layout.getLineForVertical(y);
            int off = layout.getOffsetForHorizontal(line, x);

            ClickableSpan[] link = buffer.getSpans(off, off, ClickableSpan.class);

            if (link.length != 0) {
                return buffer.subSequence(buffer.getSpanStart(link[0]),
                        buffer.getSpanEnd(link[0])).toString();
            }

            return "";
        }
    }
}

使用法

TextView tv = (TextView) v.findViewById(R.id.textview);
tv.setText(Html.fromHtml("<a href='test'>test</a>"));
textView.setMovementMethod(new TextViewClickMovement(this, context));

リンク集

お役に立てれば!ここでコードを見つけることができます。


3

私が作成したライブラリを使用して代替ソリューションを共有するだけです。ではTextoo、これは次のように達成することができます。

TextView locNotFound = Textoo
    .config((TextView) findViewById(R.id.view_location_disabled))
    .addLinksHandler(new LinksHandler() {
        @Override
        public boolean onClick(View view, String url) {
            if ("internal://settings/location".equals(url)) {
                Intent locSettings = new Intent(android.provider.Settings.ACTION_LOCATION_SOURCE_SETTINGS);
                startActivity(locSettings);
                return true;
            } else {
                return false;
            }
        }
    })
    .apply();

または動的HTMLソースを使用:

String htmlSource = "Links: <a href='http://www.google.com'>Google</a>";
Spanned linksLoggingText = Textoo
    .config(htmlSource)
    .parseHtml()
    .addLinksHandler(new LinksHandler() {
        @Override
        public boolean onClick(View view, String url) {
            Log.i("MyActivity", "Linking to google...");
            return false; // event not handled.  Continue default processing i.e. link to google
        }
    })
    .apply();
textView.setText(linksLoggingText);

これが一番の答えになるはずです。貢献してくれてありがとう
マリアン・パベル

3

ここでより多くのオプションを探す人のためのものです

// Set text within a `TextView`
TextView textView = (TextView) findViewById(R.id.textView);
textView.setText("Hey @sarah, where did @jim go? #lost");
// Style clickable spans based on pattern
new PatternEditableBuilder().
    addPattern(Pattern.compile("\\@(\\w+)"), Color.BLUE,
       new PatternEditableBuilder.SpannableClickedListener() {
        @Override
        public void onSpanClicked(String text) {
            Toast.makeText(MainActivity.this, "Clicked username: " + text,
                Toast.LENGTH_SHORT).show();
        }
}).into(textView);

リソース: CodePath


2
public static void setTextViewFromHtmlWithLinkClickable(TextView textView, String text) {
    Spanned result;
    if (android.os.Build.VERSION.SDK_INT >= android.os.Build.VERSION_CODES.N) {
        result = Html.fromHtml(text, Html.FROM_HTML_MODE_LEGACY);
    } else {
        result = Html.fromHtml(text);
    }
    textView.setText(result);
    textView.setMovementMethod(LinkMovementMethod.getInstance());
}

1

次の例を使用して、TextViewの色を青に変更しました。

android:textColor="#3399FF"

xmlファイル内。下線を引く方法はこちら

次に、onClickプロパティを使用してメソッドを指定します(setOnClickListener(this)別の方法として呼び出すこともできると思います)。たとえば、

myTextView.setOnClickListener(new OnClickListener() {
public void onClick(View v) {
    doSomething();
}
});

その方法では、インテントの起動など、通常どおりに何でもできます。myTextView.setMovementMethod(LinkMovementMethod.getInstance());アクティビティのonCreate()メソッドのように、通常のことを行う必要があることに注意してください。


1

この答えは、ジョナサンSの優れたソリューションを拡張します。

次の方法を使用して、テキストからリンクを抽出できます。

private static ArrayList<String> getLinksFromText(String text) {
        ArrayList links = new ArrayList();

        String regex = "\(?\b((http|https)://www[.])[-A-Za-z0-9+&@#/%?=~_()|!:,.;]*[-A-Za-z0-9+&@#/%=~_()|]";
        Pattern p = Pattern.compile(regex);
        Matcher m = p.matcher(text);
        while (m.find()) {
            String urlStr = m.group();
            if (urlStr.startsWith("(") && urlStr.endsWith(")")) {
                urlStr = urlStr.substring(1, urlStr.length() - 1);
            }
            links.add(urlStr);
        }
        return links;
    }

これは、clickify()メソッドのパラメーターの1つを削除するために使用できます。

public static void clickify(TextView view,
                                final ClickSpan.OnClickListener listener) {

        CharSequence text = view.getText();
        String string = text.toString();


        ArrayList<String> linksInText = getLinksFromText(string);
        if (linksInText.isEmpty()){
            return;
        }


        String clickableText = linksInText.get(0);
        ClickSpan span = new ClickSpan(listener,clickableText);

        int start = string.indexOf(clickableText);
        int end = start + clickableText.length();
        if (start == -1) return;

        if (text instanceof Spannable) {
            ((Spannable) text).setSpan(span, start, end, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        } else {
            SpannableString s = SpannableString.valueOf(text);
            s.setSpan(span, start, end, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
            view.setText(s);
        }

        MovementMethod m = view.getMovementMethod();
        if ((m == null) || !(m instanceof LinkMovementMethod)) {
            view.setMovementMethod(LinkMovementMethod.getInstance());
        }
    }

ClickSpanへのいくつかの変更:

public static class ClickSpan extends ClickableSpan {

        private String mClickableText;
        private OnClickListener mListener;

        public ClickSpan(OnClickListener listener, String clickableText) {
            mListener = listener;
            mClickableText = clickableText;
        }

        @Override
        public void onClick(View widget) {
            if (mListener != null) mListener.onClick(mClickableText);
        }

        public interface OnClickListener {
            void onClick(String clickableText);
        }
    }

これで、TextViewにテキストを設定し、それにリスナーを追加できます。

TextViewUtils.clickify(textWithLink,new TextUtils.ClickSpan.OnClickListener(){

@Override
public void onClick(String clickableText){
  //action...
}

});


0

例:テキストビューにテキストを設定していて、特定のテキスト式にリンクを提供したいとします:「# facebookをクリックするとfacebook.comに移動します」

レイアウトxml:

<TextView
            android:id="@+id/testtext"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />

活動中:

String text  =  "Click on #facebook will take you to facebook.com";
tv.setText(text);
Pattern tagMatcher = Pattern.compile("[#]+[A-Za-z0-9-_]+\\b");
String newActivityURL = "content://ankit.testactivity/";
Linkify.addLinks(tv, tagMatcher, newActivityURL);

次のように1つのタグプロバイダーを作成します。

public class TagProvider extends ContentProvider {

    @Override
    public int delete(Uri arg0, String arg1, String[] arg2) {
        // TODO Auto-generated method stub
        return 0;
    }

    @Override
    public String getType(Uri arg0) {
        return "vnd.android.cursor.item/vnd.cc.tag";
    }

    @Override
    public Uri insert(Uri arg0, ContentValues arg1) {
        // TODO Auto-generated method stub
        return null;
    }

    @Override
    public boolean onCreate() {
        // TODO Auto-generated method stub
        return false;
    }

    @Override
    public Cursor query(Uri arg0, String[] arg1, String arg2, String[] arg3,
                        String arg4) {
        // TODO Auto-generated method stub
        return null;
    }

    @Override
    public int update(Uri arg0, ContentValues arg1, String arg2, String[] arg3) {
        // TODO Auto-generated method stub
        return 0;
    }

}

マニフェストファイルで、プロバイダーのエントリとして作成し、次のようにアクティビティをテストします。

<provider
    android:name="ankit.TagProvider"
    android:authorities="ankit.testactivity" />

<activity android:name=".TestActivity"
    android:label = "@string/app_name">
    <intent-filter >
        <action android:name="android.intent.action.VIEW" />
        <category android:name="android.intent.category.DEFAULT" />
        <data android:mimeType="vnd.android.cursor.item/vnd.cc.tag" />
    </intent-filter>
</activity>

#facebookをクリックすると、testactivtiyが呼び出されます。また、テストアクティビティでは、次のようなデータを取得できます。

Uri uri = getIntent().getData();
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.