How to Align the Text Properly in TextView?

Question

I have a Textview in which i need to show large information in proper format.How can i achieve it?

I want to display like this:

Title  :       Some Title.
Date   :       Date

More Info about the title.
......
......

Contact :      Contact Details.

score 1 · Accepted Answer · edited Oct 31 '21 at 11:43

1

Well you have to do it by calculating the space between the options.

The better way

Use a Webview make an html string with contents aligned properly using html formattings and load webview and display it.

edited Oct 31 '21 at 11:43

Nimantha

6,405
6
28
69

answered Feb 26 '13 at 13:00

Lithu T.V

19,955
12
56
101

I think your are talking about iOS function. – Satheesh Kumar Feb 26 '13 at 13:11
oops i was...but its applicable there in android also – Lithu T.V Feb 26 '13 at 13:14
set the background color of both the webview and also html background to clear color – Lithu T.V Feb 26 '13 at 13:20
"background-color: transparent" will do it in the html content background to transparent .Other you can do it via code – Lithu T.V Feb 26 '13 at 13:23
Some user having problem with that.You can see here:http://stackoverflow.com/questions/5003156/android-webview-style-background-colortransparent-ignored-on-android-2-2 – Satheesh Kumar Feb 26 '13 at 13:25
you have the answer there itself ;) – Lithu T.V Feb 26 '13 at 13:27

score 0 · Answer 2 · answered Feb 26 '13 at 13:12

If using a TextView is not essential you can use TableLayout:

<TableLayout 
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
    <TableRow>
        <TextView 
            android:layout_width="0dip"
            android:layout_height="wrap_content"
            android:text="Title"
            android:layout_weight="1"/>

        <TextView 
            android:layout_width="0dip"
            android:layout_height="wrap_content"
            android:text="Some Title"
            android:layout_weight="2"/>
    </TableRow>

    <TableRow>
        <TextView 
            android:layout_width="0dip"
            android:layout_height="wrap_content"
            android:text="Date"
            android:layout_weight="1"/>

        <TextView 
            android:layout_width="0dip"
            android:layout_height="wrap_content"
            android:text="Some Date"
            android:layout_weight="2"/>
    </TableRow>

</TableLayout>

score 0 · Answer 3 · answered Feb 26 '13 at 13:13

I think there are three options.

If font doesn't matter use android:typeface="monospace" in your textview and align through spaces
If font does matter design it in html and use a WebView
If you don't want to work with html, you need to make the layout through different TextView's which is imo always better.

score 0 · Answer 4 · edited May 23 '17 at 10:24

As suggested by others, WebView is the option for you. See How to programmatically set / edit content of webview

However, it is possible to do it in a TextView if the text doesn't need special formatting (ex. different color, font sizes) and the only formatting required is indentation.

In layout:

<TextView
    android:id="@+id/text"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:singleLine="false" />

In Activity:

    TextView tv = (TextView) findViewById(R.id.text);
    tv.setText("Title  :       Some Title.\nDate  :       Date\n\nMore Info about the title.\n......\n......\n\nContact :      Contact Details.");

How to Align the Text Properly in TextView?

4 Answers4