Android two Textviews, align them as one paragraph

Question

Lets say I have two textviews, a title, and details, the details is toEndOf the title (same line), and while the title is one line, the details, can be multiple, my question is, how can I configure the details textview that when it starts a new line, instead of aligning it to the previous row of the textview, align it to the title textview, hence creating a paragraph feel.

Please see these screenshot to understand what I'm trying to accomplish (the title is the bold text, details it the rest):

Desired:

What I have so far:

The only solution I can think of is using one textview for both, and format the text with HTML, but what if I need a bigger text size for the title?

Thanks!

you want to get and output like your big image using single textView? this is *my own example* if you like it, use it > http://stackoverflow.com/a/42081151/5188159 — Charuක, Feb 16 '17 at 17:38

score 0 · Answer 1 · edited May 23 '17 at 11:45

0

Yes, As you mentioned, I also see One TextView with different strings sizes/colors for texts inside.

To achieve this you need to use SpannableString - Docs link

Also Check this answer for details

edited May 23 '17 at 11:45

Community

1
1

answered Feb 16 '17 at 17:40

Atef Hares

4,715
3
29
61

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

0

Use SpannableText for your issue to separate two textviews.

edited May 23 '17 at 12:25

Community

1
1

answered Feb 16 '17 at 17:41

Narendra Sorathiya

3,770
2
34
37

Charuක · Accepted Answer · 2017-02-16T18:19:46.683

You can use SpannableText

This will do the job!

 <TextView
    ..
    android:id="@+id/text_view"
    />

...

TextView text=(TextView)findViewById(R.id.text_view);
String head = "Seat (s):";
String body = "  The  baby name  means  the meaning of the nam";
setTextWithSpan(text,head+body,head, body,new android.text.style.StyleSpan(android.graphics.Typeface.BOLD));

Custom method

public  void setTextWithSpan(TextView textView, String text, String spanTextBold,String secondPartOfText,StyleSpan style) {

    SpannableStringBuilder sb = new SpannableStringBuilder(text);

    int start = text.indexOf(spanTextBold);
    int end = start + spanTextBold.length();
    sb.setSpan(style, start, end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE );
    //sb.setSpan(new ForegroundColorSpan(Color.BLUE), start, end ,0); // if you need a color

    int startTwo = text.indexOf(secondPartOfText);
    int endTwo = startTwo + secondPartOfText.length();
    // sb.setSpan(new StyleSpan(Typeface.ITALIC),startTwo,endTwo , 0);
    sb.setSpan(new RelativeSizeSpan(0.8f), startTwo, endTwo, 0);

    textView.setText(sb);
}

@who down vote this ? reason please ? if something wrong i can fix them — Charuක, Feb 17 '17 at 02:28

Android two Textviews, align them as one paragraph

3 Answers3