NickName:aali83 Ask DateTime:2013-08-13T00:38:31

Android justifying android text

I am trying to make sure that the hours are all justified (meaning they begin and end at the same margin) as you can see from Monday-Thursday they align properly. Friday and Saturday the 11:00 is not aligned properly with the rest. No doubt because of the 03:00 and 01:00 taking different amount of space. But is there a way to make them all align perfectly?

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingTop="@dimen/margin_3times"
    android:orientation="horizontal"
    android:weightSum="1"
     >
    <com.example.views.TextView
        android:id="@+id/openhour_day"
        android:layout_width="0px"
        android:layout_weight="0.9"
        android:layout_height="wrap_content"
        android:textColor="@color/gray_dark"
        android:textSize="@dimen/middle_text_size"
        android:text="Day"/>
    <com.example.views.TextView
        android:id="@+id/openhour_hour"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="0.1"
        android:singleLine="true"
        android:textColor="@color/gray_dark"
        android:textSize="@dimen/middle_text_size"
        android:text="Hour"/>

</LinearLayout>

hours unaligned

Copyright Notice：Content Author:「aali83」，Reproduced under the CC 4.0 BY-SA copyright license with a link to the original source and this disclaimer.
Link to original article：https://stackoverflow.com/questions/18192241/android-justifying-android-text

Answers

Nick 2013-08-12T16:52:18

You could use a monospaced font. Monospaced font use fixed width sizes for each character. Android has Droids Sans Mono that you can use.\n\n<LinearLayout xmlns:android=\"http://schemas.android.com/apk/res/android\"\n android:layout_width=\"match_parent\"\n android:layout_height=\"match_parent\"\n android:paddingTop=\"@dimen/margin_3times\"\n android:orientation=\"horizontal\"\n android:weightSum=\"1\"\n >\n <com.example.views.TextView\n android:id=\"@+id/openhour_day\"\n android:layout_width=\"0px\"\n android:layout_weight=\"0.9\"\n android:layout_height=\"wrap_content\"\n android:textColor=\"@color/gray_dark\"\n android:textSize=\"@dimen/middle_text_size\"\n android:typeface=\"monospace\"\n android:text=\"Day\"/>\n <com.example.views.TextView\n android:id=\"@+id/openhour_hour\"\n android:layout_width=\"wrap_content\"\n android:layout_height=\"wrap_content\"\n android:layout_weight=\"0.1\"\n android:singleLine=\"true\"\n android:textColor=\"@color/gray_dark\"\n android:textSize=\"@dimen/middle_text_size\"\n android:typeface=\"monospace\"\n android:text=\"Hour\"/>\n\n</LinearLayout>\n",

Henrique 2013-08-12T16:43:03

Try the following:\n\n<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<LinearLayout xmlns:android=\"http://schemas.android.com/apk/res/android\"\n android:layout_width=\"match_parent\"\n android:layout_height=\"match_parent\"\n android:orientation=\"horizontal\"\n android:paddingTop=\"@dimen/margin_3times\" >\n\n <com.example.views.TextView\n android:id=\"@+id/openhour_day\"\n android:layout_width=\"0px\"\n android:layout_height=\"wrap_content\"\n android:layout_weight=\"1\"\n android:textColor=\"@color/gray_dark\"\n android:textSize=\"@dimen/middle_text_size\"\n android:text=\"Day\" />\n\n <com.example.views.TextView\n android:id=\"@+id/openhour_hour\"\n android:layout_width=\"wrap_content\"\n android:layout_height=\"wrap_content\"\n android:layout_gravity=\"left\"\n android:layout_weight=\"2\"\n android:textColor=\"@color/gray_dark\"\n android:textSize=\"@dimen/middle_text_size\"\n android:singleLine=\"true\"\n android:text=\"Hour\" />\n\n</LinearLayout>\n",