클릭 가능한 링크가있는 Android TextView : 클릭을 캡처하는 방법?


117

2 개 이상의 링크가 포함 된 기본 HTML을 렌더링하는 TextView가 있습니다. 링크 클릭을 캡처하고 링크를 열어야합니다. (기본 브라우저가 아닌) 내 내부 WebView에서.

링크 렌더링을 처리하는 가장 일반적인 방법은 다음과 같습니다.

String str_links = "<a href='http://google.com'>Google</a><br /><a href='http://facebook.com'>Facebook</a>";
text_view.setLinksClickable(true);
text_view.setMovementMethod(LinkMovementMethod.getInstance());
text_view.setText( Html.fromHtml( str_links ) );

그러나 이로 인해 링크가 기본 내부 웹 브라우저에서 열리게됩니다 ( "다음을 사용하여 작업 완료 ..."대화 상자 표시).

링크를 클릭하면 제대로 트리거되는 onClickListener 구현을 시도했지만 어떤 링크가 클릭되었는지 확인하는 방법을 모르겠습니다.

text_view.setOnClickListener(new OnClickListener(){

    public void onClick(View v) {
        // what now...?
    }

});

또는 사용자 지정 LinkMovementMethod 클래스를 만들고 onTouchEvent를 구현해 보았습니다.

public boolean onTouchEvent(TextView widget, Spannable text, MotionEvent event) {
    String url = text.toString();
    // this doesn't work because the text is not necessarily a URL, or even a single link... 
    // eg, I don't know how to extract the clicked link from the greater paragraph of text
    return false;
}

아이디어?


솔루션 예

HTML 문자열에서 링크를 구문 분석하고 클릭 가능하게 만든 다음 URL에 응답 할 수 있는 솔루션 을 생각해 냈습니다 .


1
Spannable String을 사용하지 않는 이유는 무엇입니까 ??
Renjith

1
실제로 HTML은 내 애플리케이션에서 생성 된 것이 아니라 원격 서버에서 제공됩니다.
Zane Claes 2012 년

예제 솔루션은 매우 유용합니다. 이 접근 방식을 사용하여 클릭을 멋지게 캡처하고 클릭 한 링크에 따라 매개 변수를 사용하여 다른 활동을 시작할 수 있습니다. (이해해야 할 요점은 "Do something with span.getURL()"입니다.) 현재 허용되는 답변보다 낫기 때문에 답변으로 게시 할 수도 있습니다!
Jonik

답변:


223

다른 답변을 기반으로 HTML 문자열에서 링크를 구문 분석하고 클릭 가능하게 만든 다음 URL에 응답 할 수 있도록하는 함수 setTextViewHTML ()이 있습니다.

protected void makeLinkClickable(SpannableStringBuilder strBuilder, final URLSpan span)
{
    int start = strBuilder.getSpanStart(span);
    int end = strBuilder.getSpanEnd(span);
    int flags = strBuilder.getSpanFlags(span);
    ClickableSpan clickable = new ClickableSpan() {
        public void onClick(View view) {
            // Do something with span.getURL() to handle the link click...
        }
    };
    strBuilder.setSpan(clickable, start, end, flags);
    strBuilder.removeSpan(span);
}

protected void setTextViewHTML(TextView text, String html)
{
    CharSequence sequence = Html.fromHtml(html);
    SpannableStringBuilder strBuilder = new SpannableStringBuilder(sequence);
    URLSpan[] urls = strBuilder.getSpans(0, sequence.length(), URLSpan.class);   
    for(URLSpan span : urls) {
        makeLinkClickable(strBuilder, span);
    }
    text.setText(strBuilder);
    text.setMovementMethod(LinkMovementMethod.getInstance());       
}

5
훌륭하게 일했습니다. 이 접근 방식을 사용하면 (다른 답변과 달리) 1) 클릭을 캡처하고 2) 클릭 한 링크에 따라 매개 변수를 사용하여 다른 활동을 시작할 수있었습니다.
Jonik 2011

완벽한 ... 내 하루 저장
maverickosama92

훌륭하지만 ListView에 적용하면 (즉, 각 요소의 내부 TextView에) 링크를 클릭 할 수 있지만 목록을 클릭 할 수
없게됩니다

@voghDev 이것은 's 가 true로 설정 ListView되면 s 와 함께 발생 합니다. 이것은 일반적으로 s / s에서 발생합니다 . 전화 시도 당신에 . ViewfocusableButtonImageButtonsetFocusable(false)TextView
Sufian 2014 년

사용 확인 text.setMovementMethod(LinkMovementMethod.getInstance());URLSpan 사용하지 않을 경우
rajath

21

다음과 같이 완료했습니다.

text_view.setMovementMethod(LinkMovementMethod.getInstance());
text_view.setText( Html.fromHtml( str_links ) );

아래와 같이 역순으로 시도해 보셨습니까?

text_view.setText( Html.fromHtml( str_links ) );
text_view.setMovementMethod(LinkMovementMethod.getInstance());

그리고없이 :

text_view.setLinksClickable(true);

3
작동하지만 사용자가 링크를 클릭했다는 신호없이 링크를 클릭 할 때 큐 / 애니메이션 / 하이라이트가 필요합니다. 어떻게해야합니까?
광선 검

@StarWars 는 순수 안드로이드에서 (StateList) [ developer.android.com/intl/pt-br/guide/topics/resources/… 사용할 수 있지만 HTML 로는 모르겠습니다.
ademar111190

20

이것은 Spannable String을 사용하여 간단하게 해결할 수 있습니다. 당신이 정말로 원하는 (비즈니스 요구 사항)은 나에게 약간 불분명하므로 다음 코드는 귀하의 상황에 대한 정확한 답변을 제공하지는 않지만 약간의 아이디어를 줄 것이라고 확신합니다. 다음 코드를 기반으로 문제를 해결할 수 있습니다.

당신이 할 때, 나는 또한 응답 HTTP를 통해 일부 데이터를 받고 있어요 그리고 난 몇 가지 추가 추가 한 밑줄이 그어진 내 경우에는 텍스트를 "더" 이 밑줄이 그어진 텍스트이 당신을 도울 것입니다 클릭 event.Hope의 웹 브라우저를 엽니 다.

TextView decription = (TextView)convertView.findViewById(R.id.library_rss_expan_chaild_des_textView);
String dec=d.get_description()+"<a href='"+d.get_link()+"'><u>more</u></a>";
CharSequence sequence = Html.fromHtml(dec);
SpannableStringBuilder strBuilder = new SpannableStringBuilder(sequence);
UnderlineSpan[] underlines = strBuilder.getSpans(0, 10, UnderlineSpan.class);   
for(UnderlineSpan span : underlines) {
    int start = strBuilder.getSpanStart(span);
    int end = strBuilder.getSpanEnd(span);
    int flags = strBuilder.getSpanFlags(span);
    ClickableSpan myActivityLauncher = new ClickableSpan() {
        public void onClick(View view) {
            Log.e(TAG, "on click");
            Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(d.get_link()));
            mContext.startActivity(intent);         
        }
    };
    strBuilder.setSpan(myActivityLauncher, start, end, flags);
}
decription.setText(strBuilder);
decription.setLinksClickable(true);
decription.setMovementMethod(LinkMovementMethod.getInstance());

큰! 제 경우를 위해 이것을 수정했습니다. 코드를 포함하도록 게시물을 편집하겠습니다.
Zane Claes

xml 내부에서 사용할 수있는 유사한 솔루션이 있습니까?
안드로이드 개발자

나는 OP의 수정 된 버전 (질문에서)으로 작동하지만 이것으로 작동하지 않습니다. (이 버전에서는 클릭이 "다음을 사용하여 작업 완료"대화 상자로 바로 이동했습니다.)
Jonik

이 논리를 사용했지만 UnderlineSpan을 URLSpan으로 대체해야했고 SpannableStringBuilder에서 이전 범위를 제거해야했습니다.
레이

4
여기서 변수 'd'는 무엇입니까?
Salman Khan

15

나는 같은 문제가 있었지만 많은 텍스트가 링크와 이메일이 거의 섞이지 않았습니다. 'autoLink'를 사용하는 것이 더 쉽고 깔끔한 방법이라고 생각합니다.

  text_view.setText( Html.fromHtml( str_links ) );
  text_view.setLinksClickable(true);
  text_view.setAutoLinkMask(Linkify.ALL); //to open links

Linkify.EMAIL_ADDRESSES 또는 Linkify.WEB_URLS 중 하나만 사용하거나 XML 레이아웃에서 설정하려는 경우 설정할 수 있습니다.

  android:linksClickable="true"
  android:autoLink="web|email"

사용 가능한 옵션은 없음, 웹, 이메일, 전화,지도, 모두입니다.


1
안녕 의도가 링크의 클릭시 발사 요격하는 방법은 없나요
만모한 SONI

1
그것은 물론이 최신 안드로이드 버전 ^^ 그것을 의미하지 않는다에서 변경 될 수 있습니다 ..이 답변 6 년이 지났 않습니다 ^^ 다시 일 아니에요
조르디

8

해결책

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 "";
        }
    }
}

용법

String str_links = "<a href='http://google.com'>Google</a><br /><a href='http://facebook.com'>Facebook</a>";
text_view.setText( Html.fromHtml( str_links ) );
text_view.setMovementMethod(new TextViewClickMovement(this, context));

연결

이 helops 희망! 여기에서 코드를 찾을 수 있습니다 .


줄에서 코드를 다시 확인하십시오 text_view.setMovementMethod(new TextViewClickMovement(this, context));. Android Studio에서 context해결할 수없는 불만이 있습니다.
X09

bitbucket에서 소스 코드를 복사하는 경우 다음과 같이 컨텍스트 및 리스너의 위치를 ​​변경해야합니다. text_view.setMovementMethod (new TextViewClickMovement (context. this));
Victor Apoyan 2016 년

매개 변수에 대한 두 가지 컨텍스트를 구문 분석합니다. 작동하지 않았습니다. 받아 들여진 대답이 지금 저에게 효과가 있지만
X09

답장 해주셔서 감사합니다. 이런 종류의 최고의 답변입니다. 감사합니다!
Vulovic Vukasin


7

Kotlin 에서 쉬운 확장 기능을 만들었습니다.URLSpan 요소에 새 콜백을 적용하여 TextView에서 URL 링크 클릭을 포착하기 위해 .

strings.xml (텍스트의 예제 링크)

<string name="link_string">this is my link: <a href="https://www.google.com/">CLICK</a></string>

"handleUrlClicks"를 호출하기 전에 스팬 텍스트가 TextView로 설정되어 있는지 확인하십시오.

textView.text = getString(R.string.link_string)

이것은 확장 기능입니다.

/**
 * Searches for all URLSpans in current text replaces them with our own ClickableSpans
 * forwards clicks to provided function.
 */
fun TextView.handleUrlClicks(onClicked: ((String) -> Unit)? = null) {
    //create span builder and replaces current text with it
    text = SpannableStringBuilder.valueOf(text).apply {
        //search for all URL spans and replace all spans with our own clickable spans
        getSpans(0, length, URLSpan::class.java).forEach {
            //add new clickable span at the same position
            setSpan(
                object : ClickableSpan() {
                    override fun onClick(widget: View) {
                        onClicked?.invoke(it.url)
                    }
                },
                getSpanStart(it),
                getSpanEnd(it),
                Spanned.SPAN_INCLUSIVE_EXCLUSIVE
            )
            //remove old URLSpan
            removeSpan(it)
        }
    }
    //make sure movement method is set
    movementMethod = LinkMovementMethod.getInstance()
}

이것이 내가 그것을 부르는 방법입니다.

textView.handleUrlClicks { url ->
    Timber.d("click on found span: $url")
}

굉장합니다! _______
Valentin Yuryev

5

Kotlin을 사용 하는 경우이 사례에 대한 간단한 확장 을 작성했습니다 .

/**
 * Enables click support for a TextView from a [fullText] String, which one containing one or multiple URLs.
 * The [callback] will be called when a click is triggered.
 */
fun TextView.setTextWithLinkSupport(
    fullText: String,
    callback: (String) -> Unit
) {
    val spannable = SpannableString(fullText)
    val matcher = Patterns.WEB_URL.matcher(spannable)
    while (matcher.find()) {
        val url = spannable.toString().substring(matcher.start(), matcher.end())
        val urlSpan = object : URLSpan(fullText) {
            override fun onClick(widget: View) {
                callback(url)
            }
        }
        spannable.setSpan(urlSpan, matcher.start(), matcher.end(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE)
    }
    text = spannable
    movementMethod = LinkMovementMethod.getInstance() // Make link clickable
}

용법:

yourTextView.setTextWithLinkSupport("click on me: https://www.google.fr") {
   Log.e("URL is $it")
}

1

대안, imho 방식의 간단한 접근 방식 (나와 같은 게으른 개발자를위한;)

abstract class LinkAwareActivity : AppCompatActivity() {

    override fun startActivity(intent: Intent?) {
        if(Intent.ACTION_VIEW.equals(intent?.action) && onViewLink(intent?.data.toString(), intent)){
            return
        }

        super.startActivity(intent)
    }

    // return true to consume the link (meaning to NOT call super.startActivity(intent))
    abstract fun onViewLink(url: String?, intent: Intent?): Boolean 
}

필요한 경우 인 텐트의 체계 / MIME 유형을 확인할 수도 있습니다.


0

나는 textView 만 사용하고 URL 및 핸들 클릭에 대한 범위를 설정합니다.

여기에서 linkify없이 매우 우아한 솔루션을 찾았습니다. 그에 따라 링크 화하려는 문자열 부분을 알고 있습니다.

내 안드로이드 앱에서 textview 링크 클릭 처리

kotlin에서 :

fun linkify(view: TextView, url: String, context: Context) {

    val text = view.text
    val string = text.toString()
    val span = ClickSpan(object : ClickSpan.OnClickListener {
        override fun onClick() {
            // handle your click
        }
    })

    val start = string.indexOf(url)
    val end = start + url.length
    if (start == -1) return

    if (text is Spannable) {
        text.setSpan(span, start, end, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE)
        text.setSpan(ForegroundColorSpan(ContextCompat.getColor(context, R.color.orange)),
                start, end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE)
    } else {
        val s = SpannableString.valueOf(text)
        s.setSpan(span, start, end, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE)
        s.setSpan(ForegroundColorSpan(ContextCompat.getColor(context, R.color.orange)),
                start, end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE)
        view.text = s
    }

    val m = view.movementMethod
    if (m == null || m !is LinkMovementMethod) {
        view.movementMethod = LinkMovementMethod.getInstance()
    }
}

class ClickSpan(private val mListener: OnClickListener) : ClickableSpan() {

    override fun onClick(widget: View) {
        mListener.onClick()
    }

    interface OnClickListener {
        fun onClick()
    }
}

및 사용법 : linkify (yourTextView, urlString, context)

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.