Android TextView พร้อมลิงก์ที่คลิกได้: จะจับคลิกได้อย่างไร


117

ฉันมี TextView ซึ่งแสดง HTML พื้นฐานที่มีลิงก์มากกว่า 2 ลิงก์ ฉันต้องการบันทึกการคลิกลิงก์และเปิดลิงก์ - ใน 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

ตัวอย่างโซลูชันของคุณมีประโยชน์มาก การใช้วิธีนี้ทำให้ฉันจับการคลิกได้ดีและสามารถเปิดกิจกรรมอื่นพร้อมพารามิเตอร์ขึ้นอยู่กับว่าลิงก์ใดถูกคลิก (ประเด็นสำคัญที่ต้องทำความเข้าใจคือ "ทำอะไรกับspan.getURL()") คุณสามารถโพสต์เป็นคำตอบได้ด้วยซ้ำเพราะดีกว่าคำตอบที่ยอมรับในปัจจุบัน!
Jonik

คำตอบ:


223

จากคำตอบอื่นนี่คือฟังก์ชัน setTextViewHTML () ซึ่งแยกวิเคราะห์ลิงก์ออกจากสตริง HTML และทำให้คลิกได้จากนั้นให้คุณตอบสนองต่อ URL

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

สมบูรณ์แบบ ... บันทึกวันของฉัน
maverickosama92

ยอดเยี่ยม แต่ถ้าคุณใช้กับ ListView (ฉันหมายถึง TextView ภายในของแต่ละองค์ประกอบ) ทำให้รายการไม่สามารถคลิกได้แม้ว่าลิงก์จะยังคลิกได้
voghDev

@voghDev นี้เกิดขึ้นกับListViews เมื่อView's focusableมีการตั้งค่าที่แท้จริง สิ่งนี้มักเกิดขึ้นกับButtons / ImageButtons ลองโทรsetFocusable(false)ไปที่TextViewไฟล์.
Sufian

อย่าลืมใช้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
ใช้งานได้ แต่ไม่มีสัญญาณใด ๆ ว่าผู้ใช้คลิกลิงก์ฉันต้องการคิว / ภาพเคลื่อนไหว / ไฮไลต์เมื่อคลิกลิงก์ ... ฉันควรทำอย่างไร?
lightsaber

@StarWars คุณสามารถใช้ (StateList) [ developer.android.com/intl/pt-br/guide/topics/resources/…ใน Android ล้วนๆ แต่ฉันไม่รู้ด้วย HTML
ademar111190

20

สิ่งนี้สามารถแก้ไขได้ง่ายๆโดยใช้ Spannable String สิ่งที่คุณต้องการทำจริงๆ (Business Requirement) ค่อนข้างไม่ชัดเจนสำหรับฉันดังนั้นรหัสต่อไปนี้จะไม่ให้คำตอบที่แน่นอนสำหรับสถานการณ์ของคุณ แต่ฉันไม่แน่ใจว่าจะให้ความคิดและ คุณจะสามารถแก้ปัญหาของคุณตามรหัสต่อไปนี้

เช่นเดียวกับที่คุณทำฉันยังได้รับข้อมูลบางส่วนผ่านการตอบสนอง HTTP และฉันได้เพิ่มข้อความที่ขีดเส้นใต้เพิ่มเติมในกรณีของฉัน"เพิ่มเติม"และข้อความที่ขีดเส้นใต้นี้จะเปิดเว็บเบราว์เซอร์ในเหตุการณ์การคลิกหวังว่านี่จะช่วยคุณได้

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 ได้หรือไม่?
นักพัฒนา Android

ฉันทำให้มันใช้งานได้กับเวอร์ชันแก้ไขของ 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
สวัสดีมีวิธีใดบ้างที่จะสกัดกั้นเจตนาที่เกิดขึ้นเมื่อคลิกลิงก์
Manmohan Soni

1
เป็นเวลา 6 ปีแล้วจากคำตอบนี้ .. แน่นอนว่าอาจมีการเปลี่ยนแปลงใน Android เวอร์ชันล่าสุด ^^ ไม่ได้หมายความว่าจะใช้ไม่ได้ในตอนนั้น ^^
Jordi

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

การเชื่อมโยง

หวังว่านี่จะเป็นประโยชน์! คุณสามารถค้นหารหัสที่นี่


กรุณาตรวจสอบรหัสของคุณอีกครั้งจากบรรทัดtext_view.setMovementMethod(new TextViewClickMovement(this, context));; Android Studio ร้องเรียนว่าcontextไม่สามารถแก้ไขได้
X09

หากคุณคัดลอกซอร์สโค้ดจาก bitbucket คุณควรเปลี่ยนตำแหน่งของบริบทและฟังก์ชั่นเช่น text_view.setMovementMethod นี้ (TextViewClickMovement ใหม่ (บริบทนี้));
Victor Apoyan

นั่นจะเป็นการแยกวิเคราะห์สองบริบทสำหรับพารามิเตอร์ ไม่ได้ทำงานเซอร์. แม้ว่าตอนนี้คำตอบที่ได้รับการยอมรับจะใช้ได้สำหรับฉัน
X09

ขอบคุณสำหรับคำตอบครับท่านที่ดีที่สุดสำหรับสิ่งนี้ขอบคุณ!
Vulovic Vukasin


7

ฉันสร้างฟังก์ชันส่วนขยายที่ง่ายในKotlinเพื่อตรวจจับการคลิกลิงก์ URL ใน TextView โดยใช้การเรียกกลับใหม่กับองค์ประกอบ URLSpan

strings.xml (ลิงก์ตัวอย่างในข้อความ)

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

ตรวจสอบให้แน่ใจว่าข้อความที่ขยายของคุณตั้งค่าเป็น TextView ก่อนที่คุณจะเรียก "handleUrlClicks"

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

Awesome! _______
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 
}

หากจำเป็นคุณสามารถตรวจสอบรูปแบบ / ประเภทของเจตนาได้


0

ฉันใช้เฉพาะ textView และตั้งค่าช่วงสำหรับ url และจัดการคลิก

ฉันพบวิธีแก้ปัญหาที่สวยงามมากที่นี่โดยไม่ต้องเชื่อมโยง - ตามที่ฉันรู้ว่าฉันต้องการเชื่อมโยงส่วนใดของสตริง

จัดการคลิกลิงค์ textview ในแอพ Android ของฉัน

ใน 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.