Put text at the right end of the row

Question

i have a CardView which has a table layout inside. In my table layout, i want a text view to appear on the right end of the row.

my xml

<android.support.v7.widget.CardView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="5dp"
        card_view:cardUseCompatPadding="true"
        app:cardElevation="@dimen/cardView_elevation"
        app:cardCornerRadius="@dimen/cardView_radius"
        card_view:cardBackgroundColor="@color/cardView_background">
        <TableLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_marginTop="10dp" android:layout_marginBottom="10dp">
            <TableRow
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@drawable/row_background"
                android:padding="2dp">
                <TextView
                    android:text="Under Weight"
                    style="@style/RowLabel" android:textColor="@android:color/holo_orange_light"/>
                <TextView
                    android:text="&lt;18.5"
                    style="@style/RowVal" android:textColor="@android:color/holo_orange_light"/>
            </TableRow>

... some other rows same as above

my styles:

<style name="RowLabel" parent="@android:style/TextAppearance">
    <item name="android:textSize">14.0sp</item>
    <item name="android:paddingLeft">10.0dip</item>
    <item name="android:paddingRight">20.0dip</item>
</style>
<style name="RowVal" parent="@android:style/TextAppearance">
    <item name="android:textSize">14.0sp</item>
    <item name="android:paddingLeft">20.0dip</item>
    <item name="android:paddingRight">10.0dip</item>
</style>

Picture:

click here

use gravity attribute in xml – SaravInfern Jul 04 '16 at 08:52 — SaravInfern, Jul 04 '16 at 08:52
gravity= "end" or gravity="right" will solve your problem – Sagar Chavada Jul 04 '16 at 08:52 — Sagar Chavada, Jul 04 '16 at 08:52

score 0 · Answer 1 · answered Jul 04 '16 at 08:54

Step 1:Create .Xml file

<LinearLayout style="@style/summaryField">

                <LinearLayout
                    android:layout_width="0dp"
                    android:layout_height="match_parent"
                    android:layout_weight="1.60">

                    <TextView
                        android:id="@+id/tv_lname_summary"                           
                        android:layout_width="wrap_content"
                        android:layout_height="match_parent"
                        android:layout_marginLeft="10dp"
                        android:gravity="center_vertical" />

                </LinearLayout>

                <LinearLayout
                    android:layout_width="0dp"
                    android:layout_height="match_parent"
                    android:layout_weight="2.40">

                    <TextView
                        android:id="@+id/tv_getlname_summary"                            
                        android:layout_width="wrap_content"
                        android:layout_height="match_parent"
                        android:layout_weight="3"
                        android:background="@color/userDataColor"
                        android:gravity="center_vertical" />

                </LinearLayout>

            </LinearLayout>

Step 2 :Create style in styles.xml

 //Advert Summary Screen
    <style name="summaryField">
        <item name="android:layout_width">match_parent</item>
        <item name="android:layout_height">wrap_content</item>
        <item name="android:orientation">horizontal</item>
        <item name="android:weightSum">4</item>
    </style>

for every row you can use linear layout in this format – Vishal Patoliya ツ Jul 04 '16 at 08:56 — Vishal Patoliya ツ, Jul 04 '16 at 08:56

score 0 · Accepted Answer · answered Jul 04 '16 at 09:19

try this :

<TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="&lt;18.5"
                android:layout_weight="1"
                android:gravity="right"
                android:textColor="@android:color/holo_orange_light" />

Put text at the right end of the row

2 Answers2