Android ClickableSpan get text onClick()

Question

I'm working on ClickableSpan in a TextView, and I'm trying to get the clicked span's text. This is my code.

// this is the text we'll be operating on
SpannableString text = new SpannableString("Lorem ipsum dolor sit amet");

// make "dolor" (characters 12 to 17) display a toast message when touched
ClickableSpan clickableSpan = new ClickableSpan() {
    @Override
    public void onClick(View view) {
        // This will get "Lorem ipsum dolor sit amet", but I just want "dolor"
        String text = ((TextView) view).getText().toString(); 
        Toast.makeText(context, text, Toast.LENGTH_LONG).show();
    }
};

text.setSpan(clickableSpan, 12, 17, 0);

As you can see, I set the clickablespan to the TextView from characters 12 to 17, and I want to get these characters in the onClick event.

Is there anyway I can do that? Or at least can I pass the 12, 17 parameter to onClick event?

Thank you!

score 41 · Accepted Answer · answered Nov 03 '13 at 07:18

41

try this:

public class LoremIpsumSpan extends ClickableSpan {
    @Override
    public void onClick(View widget) {
        // TODO add check if widget instanceof TextView
        TextView tv = (TextView) widget;
        // TODO add check if tv.getText() instanceof Spanned
        Spanned s = (Spanned) tv.getText();
        int start = s.getSpanStart(this);
        int end = s.getSpanEnd(this);
        Log.d(TAG, "onClick [" + s.subSequence(start, end) + "]");
    }
}

answered Nov 03 '13 at 07:18

pskink

23,874
6
66
77

1

sure, it does... add the checks mentioned in.// TODOs – pskink Nov 03 '13 at 07:26
2

works even for multiple clickable words :) thanks! But why does it work? so the OnClick receives view which is the textview, then doing tv.getText returns the clicked Spanned object even if there were other Spannable words. How is this working? @pskink – fersarr Sep 27 '15 at 22:20
1

@fersarr tv.getText() is a Spanned object, Spanned object can have multiple spans not Spannables – pskink Sep 28 '15 at 06:07

score 5 · Answer 2 · answered Jan 30 '14 at 22:34

A little simpler, could also pass a model reference if necessary.

public class SpecialClickableSpan extends ClickableSpan {

    String text;

    public SpecialClickableSpan(String text){
         super();
         this.text = text;
    }

    @Override
    public void onClick(View widget) {
         Log.d(TAG, "onClick [" + text + "]");
    }
}

Then call new SpecialClickableSpan("My Text")

Douglas Drumond Kayama · Answer 3 · 2013-11-03T07:42:57.353

4

Edited: previous code was wrong, this works

    // make "dolor" (characters 12 to 17) display a toast message when touched
    ClickableSpan clickableSpan = new ClickableSpan() {
        @Override
        public void onClick(View view) {
            TextView textView = (TextView) view;
            CharSequence charSequence = textView.getText();
            if (charSequence instanceof Spannable) {
                Spannable spannableText = (Spannable)charSequence;
                ClickableSpan[] spans = spannableText.getSpans(0, textView.length(), ClickableSpan.class);
                for (ClickableSpan span : spans) {
                    int start = spannableText.getSpanStart(span);
                    int end = spannableText.getSpanEnd(span);
                    Toast.makeText(MainActivity.this, charSequence.subSequence(start, end), Toast.LENGTH_LONG).show();
                }
            }
        }
    };

edited Nov 03 '13 at 07:42

answered Nov 03 '13 at 07:07

Douglas Drumond Kayama

1,974
18
28

Are you sure about this? I have not run your code yet but it seems not to work... your `sannableText` is not being used, `spanStr` have not been defined. And by the way, `textView.getText()` return a `CharSequence`, not a `SpannableStringBuilder`... Could you please check again? – Tony Dinh Nov 03 '13 at 07:15
I mean spannableText instead of spanStr. I did from head, I'm doing a real code now and update in a while. – Douglas Drumond Kayama Nov 03 '13 at 07:18
I was thinking in SpannedText also, instead of SpannableStringBuilder. Anyway, you're right, this doesn't work. getSpans is for Editable (EditText, not TextView) – Douglas Drumond Kayama Nov 03 '13 at 07:26

Harsh Patel · Answer 4 · 2016-04-06T08:24:41.503

You can also use to make string spannable like this

String htmlLinkText = "Lorem ipsum <a href='http://www.google.com'>dolor</a> sit amet";
    testView.setText(Html.fromHtml(htmlLinkText));
    testView.setMovementMethod(LinkMovementMethod.getInstance());

    CharSequence text = testView.getText();
    if (text instanceof Spannable) {
        int end = text.length();
        Spannable sp = (Spannable) testView.getText();
        URLSpan[] urls = sp.getSpans(0, end, URLSpan.class);
        SpannableStringBuilder style = new SpannableStringBuilder(text);
        style.clearSpans();//should clear old spans
        for (URLSpan url : urls) {
            CustomerTextClick click = new CustomerTextClick(url.getURL());
            style.setSpan(click, sp.getSpanStart(url), sp.getSpanEnd(url), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
        }
        testView.setText(style);
    }

and CustomerTextClick will be

private static class CustomerTextClick extends ClickableSpan {

    private String mUrl;

    CustomerTextClick(String url) {
        mUrl = url;
    }

    @Override
    public void onClick(View widget) {
        // TODO Auto-generated method stub
        //Toast.makeText(ctx, "hello google!",Toast.LENGTH_LONG).show();
        // Do your action here
    }
}

Tested and working code.

You can also use click listener directly in for loop as `for (URLSpan url : urls) { CustomerTextClick click = new CustomerTextClick(url.getURL()); style.setSpan(new ClickableSpan() { @Override public void onClick(View widget) { } }, sp.getSpanStart(url), sp.getSpanEnd(url), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE); }` — Harsh Patel, Apr 06 '16 at 08:34

Android ClickableSpan get text onClick()

4 Answers4

Linked