Android text formatting

Question

I need to format text like on the picture - some part of text must be in round rectangles like with shape background. Tried to use HTML formatting, but it does not work. Didn't find information how to implement it with span.

Any ideas?

HTML and CSS do help if you do it correctly. – T D Nguyen Apr 08 '16 at 04:36 — T D Nguyen, Apr 08 '16 at 04:36
Html and css not helped (( – Ruslan Podurets Apr 08 '16 at 05:39 — Ruslan Podurets, Apr 08 '16 at 05:39

score 0 · Accepted Answer · edited May 23 '17 at 12:33

0

you can use your custom shape drawable and use Spannable to set it in your TextView.

SpannableString ss = new SpannableString(your string); 
Drawable d = getResources().getDrawable(R.drawable.shape_drawable); 
d.setBounds(0, 0, d.getIntrinsicWidth(), d.getIntrinsicHeight()); 
ImageSpan span = new ImageSpan(d, ImageSpan.ALIGN_BASELINE); 
ss.setSpan(span, 0, 3, Spannable.SPAN_INCLUSIVE_EXCLUSIVE); 
textView.setText(ss);

refer this answer for more

edited May 23 '17 at 12:33

Community

1
1

answered Apr 08 '16 at 04:38

Ravi

34,851
21
122
183

I tried. But custom shape replaces or covers text, that must be in this shape. Shape is rectangle with solid transparent color and stroke of few px. – Ruslan Podurets Apr 08 '16 at 07:03

score 0 · Answer 2 · answered Apr 08 '16 at 05:02

You can create a drawable and set it as background for the textview

here is an example :

create a shape.xml in your drawable folder

here is a sample of code you can put in shape.xml file

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle" >

    <corners android:radius="17dp" />

    <stroke
        android:width="1dp"
        android:color="#ffffff" />

    <size
        android:height="20dp"
        android:width="60dp" />

</shape>

You can make changes for color and corners as you need in this shape.xml

then set that as a background for your text view Your layout.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/shape"
        android:padding="10dp"
        android:text="@string/First_name" />

</RelativeLayout>

Here is what it looks like :

No, this not fits me.... some bordered text can be part or inside sentence!! By your way all text will be in shape! ) — Ruslan Podurets, Apr 08 '16 at 05:36
If you know what text you want borderlined you can put that in another textview and then use drawable for that textview only — shadygoneinsane, Apr 08 '16 at 06:05

Android text formatting

2 Answers2