Continue new line TextView after TextView

Question

I have a use case when it's needed only a part of text to be clickable and different color,on some screens my text have to be written in 2 lines as:

but I get:

Using this code:

    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">

        <ImageButton
            android:id="@+id/btn_accept_terms"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@mipmap/selected" />

        <TextView
            android:id="@+id/terms1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:layout_toEndOf="@+id/btn_accept_terms"
            android:text="@string/txt_terms" />

        <TextView
            android:id="@+id/terms2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:layout_toEndOf="@+id/terms1"
            android:text="@string/txt_terms_hyperlink"
            android:textColor="@color/colorAccent"
            android:textStyle="italic"/>
    </RelativeLayout>

How can I achieve expected behavior?

Have you tried `CDATA` and `html` format for this? – xAqweRx Dec 09 '16 at 14:55 — xAqweRx, Dec 09 '16 at 14:55
or look here : http://stackoverflow.com/a/4790977/2685996 – xAqweRx Dec 09 '16 at 14:56 — xAqweRx, Dec 09 '16 at 14:56
Why do not you use Spannable? – Cüneyt Dec 09 '16 at 14:59 — Cüneyt, Dec 09 '16 at 14:59

score 0 · Answer 1 · answered Dec 09 '16 at 14:57

use spannable

public static SpannableStringBuilder addClickablePart(final Context context, String str) {
    int[] startIndex = {32, 73};
    int[] endIndex = {45, str.length()};
    SpannableStringBuilder ssb = new SpannableStringBuilder(str);
    int count = 0;
    while (count < 2) {
        int idx1 = startIndex[count];
        int idx2 = endIndex[count];
        final String clickString = str.substring(idx1, idx2);
        ssb.setSpan(new ClickableSpan() {

            @Override
            public void onClick(View widget) {
                // Do whatever you want to do
            }

            @Override
            public void updateDrawState(TextPaint ds) {
                super.updateDrawState(ds);
                ds.setUnderlineText(false);
                ds.setColor(Color.parseColor("#ffffffff"));
            }
        }, idx1, idx2, 0);
        count++;
    }
    return ssb;
}

adjust the startIndex and endIndex accordingly

score 0 · Answer 2 · edited May 23 '17 at 12:08

Use a SpannableString. See the code below.

String part1 = "By logging in, you agree to our ";
String part2 = "terms and conditions";
String fullStr = part1 + part2;
int startIndex = fullStr.indexOf(part2);
int endIndex = fullStr.length();

SpannableString styledString = new SpannableString(fullStr);

// clickable text
ClickableSpan clickableSpan = new ClickableSpan() {

    @Override
    public void onClick(View widget) {
        Toast.makeText(TestActivity.this, "Navigate to terms and conditions page", Toast.LENGTH_SHORT).show();
    }
};
styledString.setSpan(clickableSpan, startIndex, endIndex, 0);

// set color
styledString.setSpan(new ForegroundColorSpan(Color.BLUE), startIndex, endIndex, 0);

TextView out = (TextView) findViewById(R.id.out);
out.setMovementMethod(LinkMovementMethod.getInstance());
out.setText(styledString);

To remove the underline from the ClickableSpan see this SO thread.

Continue new line TextView after TextView

2 Answers2