Table layout views - android

In my application i am showing one table layout.Please refer this image "http://www.freeimagehosting.net/5yhn3".This is my output. In that what i want is i need some 5 pixel space between value(14362) and that line,also i need the same in between line and Household(in column2).I tried something like textview(margin left and right) but if do that means that line also dislocating.
My table layout code is:
<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="#+id/tablelayout"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:stretchColumns="*" >
<TableRow android:id="#+id/tablerowhouse" >
<TextView
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="Income" >
</TextView>
<TextView
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:layout_marginLeft="10dp"
android:text="Expense" >
</TextView>
</TableRow>
<TableRow
android:layout_width="fill_parent"
android:layout_height="wrap_content" >
<View
android:id="#+id/line1"
android:layout_width="wrap_content"
android:layout_height="1dip"
android:layout_weight="1"
android:background="#FF909090"
android:padding="2dip" />
</TableRow>
<TableRow android:id="#+id/tablerowhouse" >
<TextView
android:id="#+id/text40"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:layout_weight="1"
android:text="Household:" >
</TextView>
<TextView
android:id="#+id/houseinctot"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginRight="2dp"
android:layout_marginTop="20dp"
android:layout_weight="1"
android:gravity="right"
android:text="Household:"
>
</TextView>
<View
android:layout_width="0dp"
android:layout_height="fill_parent"
android:layout_marginLeft="2dp"
android:layout_marginRight="2dp"
android:background="#FF909090" />
<TextView
android:id="#+id/text41"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:layout_weight="1"
android:text="Household:" >
</TextView>
<TextView
android:id="#+id/houseexptot"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:layout_weight="1"
android:gravity="right"
android:text="Household:" >
</TextView>
</TableRow>
<TableRow
android:layout_width="fill_parent"
android:layout_height="wrap_content" >
<View
android:id="#+id/line1"
android:layout_width="wrap_content"
android:layout_height="1dip"
android:layout_weight="1"
android:background="#FF909090"
android:padding="2dip" />
</TableRow>
<TableRow>
<TextView
android:id="#+id/text42"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:layout_weight="1"
android:text="Travel:" >
</TextView>
<TextView
android:id="#+id/trlinctot"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginRight="2dp"
android:layout_marginTop="20dp"
android:layout_weight="1"
android:gravity="right"
android:text="Travel" >
</TextView>
<View
android:layout_width="1dp"
android:layout_height="fill_parent"
android:layout_marginLeft="2dp"
android:layout_marginRight="2dp"
android:background="#FF909090" />
<TextView
android:id="#+id/text43"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:layout_weight="1"
android:text="Travel:" >
</TextView>
<TextView
android:id="#+id/trlexptot"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:layout_weight="1"
android:gravity="right"
android:text="Travel:" >
</TextView>
</TableRow>
<TableRow
android:layout_width="fill_parent"
android:layout_height="wrap_content" >
<View
android:id="#+id/line1"
android:layout_width="wrap_content"
android:layout_height="1dip"
android:layout_weight="1"
android:background="#FF909090"
android:padding="2dip" />
</TableRow>
<TableRow>
<TextView
android:id="#+id/text44"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:layout_weight="1"
android:text="Education:" >
</TextView>
<TextView
android:id="#+id/eduinctot"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginRight="2dp"
android:layout_marginTop="20dp"
android:layout_weight="1"
android:gravity="right"
android:text="Education" >
</TextView>
<View
android:layout_width="1dp"
android:layout_height="fill_parent"
android:layout_marginLeft="2dp"
android:layout_marginRight="2dp"
android:background="#FF909090" />
<TextView
android:id="#+id/text45"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:layout_weight="1"
android:text="Education:" >
</TextView>
<TextView
android:id="#+id/eduexptot"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:layout_weight="1"
android:gravity="right"
android:text="Education:" >
</TextView>
</TableRow>
<TableRow
android:layout_width="fill_parent"
android:layout_height="wrap_content" >
<View
android:id="#+id/line1"
android:layout_width="wrap_content"
android:layout_height="1dip"
android:layout_weight="1"
android:background="#FF909090"
android:padding="2dip" />
</TableRow>
<TableRow>
<TextView
android:id="#+id/text46"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:layout_weight="1"
android:text="Group4:" >
</TextView>
<TextView
android:id="#+id/grp4inctot"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginRight="2dp"
android:layout_marginTop="20dp"
android:layout_weight="1"
android:gravity="right"
android:text="group4" >
</TextView>
<View
android:layout_width="1dp"
android:layout_height="fill_parent"
android:layout_marginLeft="2dp"
android:layout_marginRight="2dp"
android:background="#FF909090" />
<TextView
android:id="#+id/text47"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:layout_weight="1"
android:text="Group4:" >
</TextView>
<TextView
android:id="#+id/grp4exptot"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:layout_weight="1"
android:gravity="right"
android:text="group4:" >
</TextView>
</TableRow>
<TableRow
android:layout_width="fill_parent"
android:layout_height="wrap_content" >
<View
android:id="#+id/line1"
android:layout_width="wrap_content"
android:layout_height="1dip"
android:layout_weight="1"
android:background="#FF909090"
android:padding="2dip" />
</TableRow>
<TableRow>
<TextView
android:id="#+id/text48"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:layout_weight="1"
android:text="Group5:" >
</TextView>
<TextView
android:id="#+id/grp5inctot"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginRight="2dp"
android:layout_marginTop="20dp"
android:layout_weight="1"
android:gravity="right"
android:text="group5" >
</TextView>
<View
android:layout_width="1dp"
android:layout_height="fill_parent"
android:layout_marginLeft="2dp"
android:layout_marginRight="2dp"
android:background="#FF909090" />
<TextView
android:id="#+id/text49"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:layout_weight="1"
android:text="Group5:" >
</TextView>
<TextView
android:id="#+id/grp5exptot"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:layout_weight="1"
android:gravity="right"
android:text="group5:" >
</TextView>
</TableRow>
<TableRow
android:layout_width="fill_parent"
android:layout_height="wrap_content" >
<View
android:id="#+id/line1"
android:layout_width="wrap_content"
android:layout_height="1dip"
android:layout_weight="1"
android:background="#FF909090"
android:padding="2dip" />
</TableRow>
<TableRow android:layout_marginTop="40px">
<TextView
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="Total:" >
</TextView>
<TextView
android:id="#+id/totincome"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="right"
android:layout_marginRight="10dp"
android:text="total" >
</TextView>
<TextView
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="Total:"
>
</TextView>
<TextView
android:id="#+id/totexpense"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="right"
android:text="total:" >
</TextView>
</TableRow>
<TableRow android:layout_marginTop="40px">
<TextView android:layout_width="0dp" android:layout_height="wrap_content" android:text="Balance:" android:layout_weight="1" android:layout_marginLeft="130dp" >
</TextView>
<TextView
android:id="#+id/balance"
android:layout_width="0dp" android:layout_height="wrap_content" android:text="balance" android:layout_weight="1"
android:gravity="right" >
</TextView>
</TableRow>
</TableLayout>
Please help me..
My output should look like this
Household: 14326 | Household: 677
But i what have is:
Household: 14326|Household: 677

Set gravity=center, see this:
<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="#+id/tablelayout"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:stretchColumns="*" >
<TableRow android:id="#+id/tablerowhouse" >
<TextView
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="Income" >
</TextView>
<TextView
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:layout_marginLeft="10dp"
android:text="Expense" >
</TextView>
</TableRow>
<TableRow
android:layout_width="fill_parent"
android:layout_height="wrap_content" >
<View
android:id="#+id/line1"
android:layout_width="wrap_content"
android:layout_height="1dip"
android:layout_weight="1"
android:background="#FF909090"
android:padding="2dip" />
</TableRow>
<TableRow android:id="#+id/tablerowhouse" >
<TextView
android:id="#+id/text40"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:layout_weight="1"
android:gravity="center" // <-------- Edit This
android:text="Household:" >
</TextView>
<TextView
android:id="#+id/houseinctot"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginRight="2dp"
android:layout_marginTop="20dp"
android:layout_weight="1"
android:gravity="center" // <-------- Edit This
android:text="Household:"
>
</TextView>
<View
android:layout_width="0dp"
android:layout_height="fill_parent"
android:layout_marginLeft="2dp"
android:layout_marginRight="2dp"
android:background="#FF909090" />
<TextView
android:id="#+id/text41"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:layout_weight="1"
android:gravity="center" // <-------- Edit This
android:text="Household:" >
</TextView>
<TextView
android:id="#+id/houseexptot"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:layout_weight="1"
android:gravity="center" // <-------- Edit This
android:text="Household:" >
</TextView>
</TableRow>
<TableRow
android:layout_width="fill_parent"
android:layout_height="wrap_content" >
<View
android:id="#+id/line1"
android:layout_width="wrap_content"
android:layout_height="1dip"
android:layout_weight="1"
android:background="#FF909090"
android:padding="2dip" />
</TableRow>
<TableRow>
<TextView
android:id="#+id/text42"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:layout_weight="1"
android:text="Travel:" >
</TextView>
<TextView
android:id="#+id/trlinctot"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginRight="2dp"
android:layout_marginTop="20dp"
android:layout_weight="1"
android:gravity="right"
android:text="Travel" >
</TextView>
<View
android:layout_width="1dp"
android:layout_height="fill_parent"
android:layout_marginLeft="2dp"
android:layout_marginRight="2dp"
android:background="#FF909090" />
<TextView
android:id="#+id/text43"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:layout_weight="1"
android:text="Travel:" >
</TextView>
<TextView
android:id="#+id/trlexptot"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:layout_weight="1"
android:gravity="right"
android:text="Travel:" >
</TextView>
</TableRow>
<TableRow
android:layout_width="fill_parent"
android:layout_height="wrap_content" >
<View
android:id="#+id/line1"
android:layout_width="wrap_content"
android:layout_height="1dip"
android:layout_weight="1"
android:background="#FF909090"
android:padding="2dip" />
</TableRow>
<TableRow>
<TextView
android:id="#+id/text44"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:layout_weight="1"
android:text="Education:" >
</TextView>
<TextView
android:id="#+id/eduinctot"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginRight="2dp"
android:layout_marginTop="20dp"
android:layout_weight="1"
android:gravity="right"
android:text="Education" >
</TextView>
<View
android:layout_width="1dp"
android:layout_height="fill_parent"
android:layout_marginLeft="2dp"
android:layout_marginRight="2dp"
android:background="#FF909090" />
<TextView
android:id="#+id/text45"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:layout_weight="1"
android:text="Education:" >
</TextView>
<TextView
android:id="#+id/eduexptot"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:layout_weight="1"
android:gravity="right"
android:text="Education:" >
</TextView>
</TableRow>
<TableRow
android:layout_width="fill_parent"
android:layout_height="wrap_content" >
<View
android:id="#+id/line1"
android:layout_width="wrap_content"
android:layout_height="1dip"
android:layout_weight="1"
android:background="#FF909090"
android:padding="2dip" />
</TableRow>
<TableRow>
<TextView
android:id="#+id/text46"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:layout_weight="1"
android:text="Group4:" >
</TextView>
<TextView
android:id="#+id/grp4inctot"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginRight="2dp"
android:layout_marginTop="20dp"
android:layout_weight="1"
android:gravity="right"
android:text="group4" >
</TextView>
<View
android:layout_width="1dp"
android:layout_height="fill_parent"
android:layout_marginLeft="2dp"
android:layout_marginRight="2dp"
android:background="#FF909090" />
<TextView
android:id="#+id/text47"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:layout_weight="1"
android:text="Group4:" >
</TextView>
<TextView
android:id="#+id/grp4exptot"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:layout_weight="1"
android:gravity="right"
android:text="group4:" >
</TextView>
</TableRow>
<TableRow
android:layout_width="fill_parent"
android:layout_height="wrap_content" >
<View
android:id="#+id/line1"
android:layout_width="wrap_content"
android:layout_height="1dip"
android:layout_weight="1"
android:background="#FF909090"
android:padding="2dip" />
</TableRow>
<TableRow>
<TextView
android:id="#+id/text48"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:layout_weight="1"
android:text="Group5:" >
</TextView>
<TextView
android:id="#+id/grp5inctot"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginRight="2dp"
android:layout_marginTop="20dp"
android:layout_weight="1"
android:gravity="right"
android:text="group5" >
</TextView>
<View
android:layout_width="1dp"
android:layout_height="fill_parent"
android:layout_marginLeft="2dp"
android:layout_marginRight="2dp"
android:background="#FF909090" />
<TextView
android:id="#+id/text49"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:layout_weight="1"
android:text="Group5:" >
</TextView>
<TextView
android:id="#+id/grp5exptot"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:layout_weight="1"
android:gravity="right"
android:text="group5:" >
</TextView>
</TableRow>
<TableRow
android:layout_width="fill_parent"
android:layout_height="wrap_content" >
<View
android:id="#+id/line1"
android:layout_width="wrap_content"
android:layout_height="1dip"
android:layout_weight="1"
android:background="#FF909090"
android:padding="2dip" />
</TableRow>
<TableRow android:layout_marginTop="40px">
<TextView
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="Total:" >
</TextView>
<TextView
android:id="#+id/totincome"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="right"
android:layout_marginRight="10dp"
android:text="total" >
</TextView>
<TextView
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="Total:"
>
</TextView>
<TextView
android:id="#+id/totexpense"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="right"
android:text="total:" >
</TextView>
</TableRow>
<TableRow android:layout_marginTop="40px">
<TextView android:layout_width="0dp" android:layout_height="wrap_content" android:text="Balance:" android:layout_weight="1" android:layout_marginLeft="130dp" >
</TextView>
<TextView
android:id="#+id/balance"
android:layout_width="0dp" android:layout_height="wrap_content" android:text="balance" android:layout_weight="1"
android:gravity="right" >
</TextView>
</TableRow>
</TableLayout>

Related

TableLayout in ScrollView

i have a Problem with my Table Layout.
Without using the ScrollView my Table looks like it's supposed to look. Now i want to add additional buttons to this class. I tried to do this with a scroll view but everyTime i add a ScrollView all my Buttons are just a thin line on the screen. I tried to fix the Problem with match_parent like other threads told me but it didn't worked. Can u help me?
<TableLayout
android:id="#+id/tableLayout1"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:stretchColumns="*">
<TableRow
android:id="#+id/tableRow5"
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
<TextView
android:id="#+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Sehenswürdigkeiten"
android:textAppearance="?android:attr/textAppearanceMedium" />
</TableRow>
<TableRow
android:id="#+id/tableRow6"
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
</TableRow>
<TextView
android:id="#+id/textView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceMedium" />
<TableRow
android:id="#+id/tableRow1"
android:layout_weight="1"
android:gravity="top" >
<Button
android:id="#+id/button1"
android:layout_width="0dip"
android:layout_height="fill_parent"
android:layout_marginBottom="20dp"
android:layout_weight="1"
android:text="Petersdom"
android:background="#8dd2ed"
android:onClick="btnPetersdom"/>
<TextView
android:id="#+id/textView3"
android:textAppearance="?android:attr/textAppearanceMedium" />
<Button
android:id="#+id/button5"
android:layout_width="0dip"
android:layout_height="fill_parent"
android:layout_marginBottom="20dp"
android:layout_weight="1"
android:text="Petersplatz"
android:background="#f7bc8d"/>
</TableRow>
<TableRow
android:id="#+id/tableRow2"
android:layout_weight="1"
android:gravity="top" >
<Button
android:id="#+id/button2"
android:layout_width="0dip"
android:layout_height="fill_parent"
android:layout_marginBottom="20dp"
android:layout_weight="1"
android:text="Kolosseum"
android:background="#b5d597"/>
<TextView
android:id="#+id/textView4"
android:textAppearance="?android:attr/textAppearanceMedium" />
<Button
android:id="#+id/button6"
android:layout_width="0dip"
android:layout_height="fill_parent"
android:layout_marginBottom="20dp"
android:layout_weight="1"
android:text="Pantheon"
android:background="#8dd2ed"/>
</TableRow>
<TableRow
android:id="#+id/tableRow3"
android:layout_weight="1"
android:gravity="top" >
<Button
android:id="#+id/button3"
android:layout_width="0dip"
android:layout_height="fill_parent"
android:layout_marginBottom="20dp"
android:layout_weight="2"
android:text="Forum Romanum"
android:background="#f7bc8d"/>
<TextView
android:id="#+id/textView5"
android:textAppearance="?android:attr/textAppearanceMedium" />
<Button
android:id="#+id/button7"
android:layout_width="0dip"
android:layout_height="fill_parent"
android:layout_marginBottom="20dp"
android:layout_weight="2"
android:text="Spanische Treppe"
android:background="#b5d597"/>
</TableRow>
<TableRow
android:id="#+id/tableRow4"
android:layout_weight="1"
android:gravity="top" >
<Button
android:id="#+id/button4"
android:layout_width="0dip"
android:layout_height="fill_parent"
android:layout_marginBottom="20dp"
android:layout_weight="1"
android:text="Kapitol"
android:background="#8dd2ed"/>
<TextView
android:id="#+id/textView6"
android:textAppearance="?android:attr/textAppearanceMedium" />
<Button
android:id="#+id/button8"
android:layout_width="0dip"
android:layout_height="fill_parent"
android:layout_marginBottom="20dp"
android:layout_weight="1"
android:text="Engelsburg"
android:background="#f7bc8d"/>
</TableRow>
</TableLayout>
// try this
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<TableLayout
android:id="#+id/tableLayout1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:padding="5dp"
android:orientation="vertical">
<TableRow
android:id="#+id/tableRow5"
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
<TextView
android:id="#+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Sehenswürdigkeiten"
android:textAppearance="?android:attr/textAppearanceMedium" />
</TableRow>
<TableRow
android:id="#+id/tableRow6"
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
<TextView
android:id="#+id/textView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="abc"
android:textAppearance="?android:attr/textAppearanceMedium" />
</TableRow>
<TableRow
android:id="#+id/tableRow1"
android:layout_weight="1"
android:layout_width="wrap_content"
android:layout_height="0dp"
android:gravity="top" >
<Button
android:id="#+id/button1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginBottom="20dp"
android:layout_weight="1"
android:text="Petersdom"
android:background="#8dd2ed"
android:onClick="btnPetersdom"/>
<TextView
android:id="#+id/textView3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="abc"
android:layout_marginLeft="5dp"
android:textAppearance="?android:attr/textAppearanceMedium" />
<Button
android:id="#+id/button5"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginBottom="20dp"
android:layout_weight="1"
android:text="Petersplatz"
android:layout_marginLeft="5dp"
android:background="#f7bc8d"/>
</TableRow>
<TableRow
android:id="#+id/tableRow2"
android:layout_weight="1"
android:layout_width="wrap_content"
android:layout_height="0dp"
android:gravity="top" >
<Button
android:id="#+id/button2"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginBottom="20dp"
android:layout_weight="1"
android:text="Kolosseum"
android:background="#b5d597"/>
<TextView
android:id="#+id/textView4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="abc"
android:layout_marginLeft="5dp"
android:textAppearance="?android:attr/textAppearanceMedium" />
<Button
android:id="#+id/button6"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginBottom="20dp"
android:layout_weight="1"
android:layout_marginLeft="5dp"
android:text="Pantheon"
android:background="#8dd2ed"/>
</TableRow>
<TableRow
android:id="#+id/tableRow3"
android:layout_weight="1"
android:layout_width="wrap_content"
android:layout_height="0dp"
android:gravity="top" >
<Button
android:id="#+id/button3"
android:layout_width="0dp"
android:layout_height="fill_parent"
android:layout_marginBottom="20dp"
android:layout_weight="2"
android:text="Forum Romanum"
android:background="#f7bc8d"/>
<TextView
android:id="#+id/textView5"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="abc"
android:layout_marginLeft="5dp"
android:textAppearance="?android:attr/textAppearanceMedium" />
<Button
android:id="#+id/button7"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginBottom="20dp"
android:layout_weight="2"
android:layout_marginLeft="5dp"
android:text="Spanische Treppe"
android:background="#b5d597"/>
</TableRow>
<TableRow
android:id="#+id/tableRow4"
android:layout_weight="1"
android:layout_width="wrap_content"
android:layout_height="0dp"
android:gravity="top" >
<Button
android:id="#+id/button4"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginBottom="20dp"
android:layout_weight="1"
android:text="Kapitol"
android:background="#8dd2ed"/>
<TextView
android:id="#+id/textView6"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="abc"
android:layout_marginLeft="5dp"
android:textAppearance="?android:attr/textAppearanceMedium" />
<Button
android:id="#+id/button8"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginBottom="20dp"
android:layout_weight="1"
android:layout_marginLeft="5dp"
android:text="Engelsburg"
android:background="#f7bc8d"/>
</TableRow>
</TableLayout>
</ScrollView>

Android table layout with textviews

I have my layout file:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="#drawable/background"
android:orientation="vertical" >
<LinearLayout
android:id="#+id/linearlayout01"
android:layout_width="300dp"
android:layout_height="45dp"
android:layout_marginLeft="10dp"
android:layout_marginRight="10dp"
android:layout_marginTop="52dp"
android:orientation="vertical" >
</LinearLayout>
<Button
android:id="#+id/Btn"
android:background="#drawable/close"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="-2dp"
android:layout_marginTop="10dp">
</Button>
<TableLayout
android:id="#+id/tableLayout1"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:shrinkColumns="1"
android:stretchColumns="0"
android:layout_marginTop="15dp" >
<TableRow android:weightSum="2" >
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:ellipsize="end"
android:text="#string/HostName"
android:textColor="#000000"
android:textStyle="bold" />
<TextView
android:id="#+id/name"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal|center_vertical"
android:layout_weight="0"
android:textColor="#000000"
android:textStyle="bold" />
</TableRow>
<TableRow android:weightSum="2"
android:layout_marginTop="30dp"
>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:ellipsize="end"
android:text="#string/programname"
android:textColor="#000000"
android:textStyle="bold" />
<TextView
android:id="#+id/programname"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_weight="0"
android:textColor="#000000"
android:textStyle="bold" />
</TableRow>
<TableRow android:weightSum="2"
android:layout_marginTop="30dp"
>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:ellipsize="end"
android:text="#string/Date"
android:textColor="#000000"
android:textStyle="bold" />
<TextView
android:id="#+id/date"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_weight="0"
android:textColor="#000000"
android:textStyle="bold" />
</TableRow>
<TableRow android:layout_marginTop="20dp"
android:layout_marginLeft="1dp"
android:layout_marginRight="1dp"
>
<SeekBar
android:id="#+id/seekBar1"
android:layout_width="500dp"
android:layout_height="wrap_content"
android:layout_alignLeft="#+id/mainlayout"
android:layout_marginLeft="-260dp"
android:layout_marginRight="0dp"
android:layout_marginTop="8dp" />
</TableRow>
</TableLayout>
</LinearLayout>
and I got the following output:
Update:
But my required output should be:
| HostName: text123 |
| PName: text3 |
| Date: text6 |
Could any one help?
String, try with this. I have attached the output too. I don't get any irregular text-alignments as I have shown in the below pic.
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<LinearLayout
android:id="#+id/linearlayout01"
android:layout_width="300dp"
android:layout_height="45dp"
android:layout_marginLeft="10dp"
android:layout_marginRight="10dp"
android:layout_marginTop="52dp"
android:orientation="vertical" >
</LinearLayout>
<Button
android:id="#+id/Btn"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="-2dp"
android:layout_marginTop="10dp"
android:text="close">
</Button>
<TableLayout
android:id="#+id/tableLayout1"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:shrinkColumns="*"
android:stretchColumns="*"
android:layout_marginTop="15dp" >
<TableRow
android:id="#+id/tableRow1"
android:layout_height="wrap_content"
android:layout_width="match_parent"
android:weightSum="2">
<TextView
android:id="#+id/TextView04"
android:text="Date"
android:layout_width="0dp"
android:layout_weight="1"></TextView>
<TextView
android:id="#+id/TextView04"
android:text="text123"
android:textStyle="bold"
android:layout_width="0dp"
android:layout_weight="1"></TextView>
</TableRow>
<TableRow
android:id="#+id/tableRow2"
android:layout_height="wrap_content"
android:layout_width="match_parent"
android:weightSum="2">
<TextView
android:id="#+id/TextView04"
android:text="Date"
android:layout_width="0dp"
android:layout_weight="1"></TextView>
<TextView
android:id="#+id/TextView04"
android:text="text123"
android:textStyle="bold"
android:layout_width="0dp"
android:layout_weight="1"></TextView>
</TableRow>
<TableRow
android:id="#+id/tableRow3"
android:layout_height="wrap_content"
android:layout_width="match_parent"
android:weightSum="2">
<TextView
android:id="#+id/TextView04"
android:text="Date"
android:layout_width="0dp"
android:layout_weight="1"></TextView>
<TextView
android:id="#+id/TextView04"
android:text="text123"
android:textStyle="bold"
android:layout_width="0dp"
android:layout_weight="1"></TextView>
</TableRow>
<TableRow
android:id="#+id/tableRow4"
android:layout_height="wrap_content"
android:layout_width="match_parent"
android:weightSum="2">
<TextView
android:id="#+id/TextView04"
android:text="Date"
android:layout_width="0dp"
android:layout_weight="1"></TextView>
<TextView
android:id="#+id/TextView04"
android:text="text123"
android:textStyle="bold"
android:layout_width="0dp"
android:layout_weight="1"></TextView>
</TableRow>
<TableRow
android:id="#+id/tableRow5"
android:layout_height="wrap_content"
android:layout_width="match_parent">
<SeekBar
android:id="#+id/seekBar1"
android:layout_width="500dp"
android:layout_height="wrap_content"
android:layout_alignLeft="#+id/mainlayout"
android:layout_marginLeft="-260dp"
android:layout_marginRight="0dp"
android:layout_marginTop="8dp" />
</TableRow>
</TableLayout>
</LinearLayout>
Output:
Post back if you have any issues.
Better try this ..
<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" >
<LinearLayout
android:id="#+id/rows"
android:layout_width="fill_parent"
android:layout_height="wrap_content">
<TableLayout
android:id="#+id/key"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_marginTop="30dp" >
<TableRow
android:id="#+id/row1"
android:layout_width="fill_parent"
android:layout_height="wrap_content" >
<TextView
android:id="#+id/text1"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="HName" />
<TextView
android:id="#+id/txt2"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="HostName" />
</TableRow>
<TableRow
android:id="#+id/row2"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_marginTop="30dp" >
<TextView
android:id="#+id/txt3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="PName" />
<TextView
android:id="#+id/txt4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="ProgramName" />
</TableRow>
<TableRow
android:id="#+id/row3"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_marginTop="30dp" >
<TextView
android:id="#+id/txt5"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="Date" />
<TextView
android:id="#+id/txt6"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="Todays Date" />
</TableRow>
</TableLayout>
</LinearLayout>
</RelativeLayout>
<TableRow
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_marginTop="30dp"
android:weightSum="2" >
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_weight="1"
android:ellipsize="end"
android:text="Date"
android:textColor="#ffffff"
android:textStyle="bold" />
<TextView
android:id="#+id/date"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_weight="1"
android:text="text123"
android:textColor="#ffffff"
android:textStyle="bold" />
</TableRow>
You must give android:layout_weight for both TextView in a TableRow equally . I think it will solve your issue
EDIT :
I just give simple modifications in your xml code
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<LinearLayout
android:id="#+id/linearlayout01"
android:layout_width="300dp"
android:layout_height="45dp"
android:layout_marginLeft="10dp"
android:layout_marginRight="10dp"
android:layout_marginTop="52dp"
android:orientation="vertical" >
</LinearLayout>
<Button
android:id="#+id/Btn"
android:background="#drawable/close"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="-2dp"
android:layout_marginTop="10dp">
</Button>
<TableLayout
android:id="#+id/tableLayout1"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:shrinkColumns="1"
android:stretchColumns="0"
android:layout_marginTop="15dp" >
<TableRow android:weightSum="2" >
<TextView
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:ellipsize="end"
android:text="HostName"
android:textColor="#ffffff"
android:textStyle="bold" />
<TextView
android:id="#+id/name"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal|center_vertical"
android:layout_weight="1"
android:text="HostName"
android:textColor="#ffffff"
android:textStyle="bold" />
</TableRow>
<TableRow android:weightSum="2"
android:layout_marginTop="30dp"
>
<TextView
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:ellipsize="end"
android:text=" programname"
android:textColor="#ffffff"
android:textStyle="bold" />
<TextView
android:id="#+id/date"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:text=" programname"
android:layout_weight="1"
android:textColor="#ffffff"
android:textStyle="bold" />
</TableRow>
<TableRow android:weightSum="2"
android:layout_marginTop="30dp"
>
<TextView
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:ellipsize="end"
android:text=" Date"
android:textColor="#ffffff"
android:textStyle="bold" />
<TextView
android:id="#+id/date"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:text=" date"
android:layout_weight="1"
android:textColor="#ffffff"
android:textStyle="bold" />
</TableRow>
<TableRow android:layout_marginTop="20dp"
android:layout_marginLeft="1dp"
android:layout_marginRight="1dp"
>
<SeekBar
android:id="#+id/seekBar1"
android:layout_width="500dp"
android:layout_height="wrap_content"
android:layout_alignLeft="#+id/mainlayout"
android:layout_marginLeft="-260dp"
android:layout_marginRight="0dp"
android:layout_marginTop="8dp" />
</TableRow>
</TableLayout>
</LinearLayout>
Screen shot after my modification
Is this you want ??

table layout textview alignment

In my application I am displaying a table layout, in which I aligned 4 textviews in a row.
My table layout is: (I don't know how much good design is this)
<TableLayout
android:id="#+id/tablelayout"
android:layout_height="wrap_content"
android:layout_width="fill_parent"
android:paddingRight="2dip"
android:stretchColumns="4">
<TableRow >
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Income" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Expense"
android:layout_marginLeft="-150dp" />
</TableRow>
<TableRow
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
<View
android:id="#+id/line1"
android:layout_width="wrap_content"
android:layout_height="1dip"
android:layout_weight="1"
android:background="#FF909090"
android:padding="2dip" />
</TableRow>
<TableRow
android:id="#+id/tablerowhouse"
android:layout_marginTop="30px">
<TextView
android:id="#+id/text40"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Household:" />
<TextView
android:id="#+id/houseinctot"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Household:"
android:layout_marginLeft="-250dp" />
<TextView
android:id="#+id/text41"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Household:"
android:layout_marginLeft="-150dp" />
<TextView
android:id="#+id/houseexptot"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Household:"
android:layout_marginLeft="-70dp"
android:gravity="right"/>
</TableRow>
<TableRow
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
<View
android:id="#+id/line1"
android:layout_width="wrap_content"
android:layout_height="1dip"
android:layout_weight="1"
android:background="#FF909090"
android:padding="2dip" />
</TableRow>
<TableRow
android:layout_marginTop="30px">
<TextView
android:id="#+id/text42"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Travel:"
android:layout_span="3" />
<TextView
android:id="#+id/trlinctot"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Travel"
android:layout_marginLeft="-250dp"
android:layout_alignParentRight="true" />
<TextView android:id="#+id/text43"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Travel:"
android:layout_marginLeft="-150dp" />
<TextView
android:id="#+id/trlexptot"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Travel:"
android:layout_marginLeft="-70dp"
android:gravity="right" />
</TableRow>
<TableRow
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
<View
android:id="#+id/line1"
android:layout_width="wrap_content"
android:layout_height="1dip"
android:layout_weight="1"
android:background="#FF909090"
android:padding="2dip" />
</TableRow>
<TableRow android:layout_marginTop="30px">
<TextView android:id="#+id/text44" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Education:" android:layout_span="4">
</TextView>
<TextView
android:id="#+id/eduinctot"
android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Education" android:layout_marginLeft="-250dp" android:layout_alignParentRight="true">
</TextView>
<TextView android:id="#+id/text45" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Education:" android:layout_marginLeft="-150dp" >
</TextView>
<TextView
android:id="#+id/eduexptot" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Education:" android:layout_marginLeft="-70dp" android:gravity="right"
>
</TextView>
</TableRow>
<TableRow
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
<View
android:id="#+id/line1"
android:layout_width="wrap_content"
android:layout_height="1dip"
android:layout_weight="1"
android:background="#FF909090"
android:padding="2dip" />
</TableRow>
<TableRow android:layout_marginTop="30px">
<TextView android:id="#+id/text46" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Group4:" android:layout_span="4">
</TextView>
<TextView
android:id="#+id/grp4inctot"
android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="group4" android:layout_marginLeft="-250dp">
</TextView>
<TextView android:id="#+id/text47" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Group4:" android:layout_marginLeft="-150dp" >
</TextView>
<TextView
android:id="#+id/grp4exptot" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="group4:" android:layout_marginLeft="-70dp" android:gravity="right"
>
</TextView>
</TableRow>
<TableRow
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
<View
android:id="#+id/line1"
android:layout_width="wrap_content"
android:layout_height="1dip"
android:layout_weight="1"
android:background="#FF909090"
android:padding="2dip" />
</TableRow>
<TableRow android:layout_marginTop="30px">
<TextView android:id="#+id/text48" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Group5:" android:layout_span="4">
</TextView>
<TextView
android:id="#+id/grp5inctot"
android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="group5" android:layout_marginLeft="-250dp">
</TextView>
<TextView android:id="#+id/text49" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Group5:" android:layout_marginLeft="-150dp" >
</TextView>
<TextView
android:id="#+id/grp5exptot" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="group5:" android:layout_marginLeft="-70dp" android:gravity="right"
>
</TextView>
</TableRow>
Now what i want is:
textview1:value(textview2) textview3:value(textview4)
textview5:value(textview6) textview7:value(textview8) .
I should right allign textview2 and textview6 (with in half of the screen) and should right align textview6 and textview8
What i have: What i want:
12345 4565 12345 4565
12 56 12 56
56 44 56 44
6 6 6 6
You write android:gravity="right" property in all Textview.
You should use a relative layout where you have ALIGN_PARENT_RIGHT option.
Something like this
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="horizontal"
android:paddingLeft="5dip"
android:paddingRight="5dip"
android:paddingTop="8dip"
android:paddingBottom="8dip"
>
<TextView
android:id="#+id/tv_name"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:text="turn on"
/>
<CheckBox
android:id="#+id/chekcbox"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
/>
</RelativeLayout>
android:layout_alignParentRight="true" will place your textview to extreme right.
Just try once it worked for me.
Try this layout.This works.
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content" >
<RelativeLayout
android:layout_width="100dp"
android:layout_height="wrap_content" >
<TextView
android:id="#+id/summary_label"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:text="123456" />
</RelativeLayout>
<RelativeLayout
android:layout_width="100dp"
android:layout_height="wrap_content" >
<TextView
android:id="#+id/summary_amount"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:text="1234" />
</RelativeLayout>
<RelativeLayout
android:layout_width="100dp"
android:layout_height="wrap_content" >
<TextView
android:id="#+id/summary_amount1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:text="123456" />
</RelativeLayout>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content" >
<RelativeLayout
android:layout_width="100dp"
android:layout_height="wrap_content" >
<TextView
android:id="#+id/summary_label1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:text="16" />
</RelativeLayout>
<RelativeLayout
android:layout_width="100dp"
android:layout_height="wrap_content" >
<TextView
android:id="#+id/summary_amount3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:text="1" />
</RelativeLayout>
<RelativeLayout
android:layout_width="100dp"
android:layout_height="wrap_content" >
<TextView
android:id="#+id/summary_amount4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:text="1" />
</RelativeLayout>
</LinearLayout>
</LinearLayout>

Textview display in android

In my application i am displaying textvalue one below the other from database which is integer.What i want is i have to make this integer value to be right aligned.Is it possible to right align the text.
My layout code:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:paddingTop="4dip"
android:paddingBottom="6dip"
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:orientation="vertical"
>
<TableLayout
android:id="#+id/tablelayout"
android:layout_height="wrap_content"
android:layout_width="fill_parent"
android:paddingRight="2dip"
>
<TableRow >
<TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Income">
</TextView>
<TextView
android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Expense" android:layout_marginLeft="-150dp">
</TextView>
</TableRow>
<TableRow
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
<View
android:id="#+id/line1"
android:layout_width="wrap_content"
android:layout_height="1dip"
android:layout_weight="1"
android:background="#FF909090"
android:padding="2dip" />
</TableRow>
<TableRow android:id="#+id/tablerowhouse" android:layout_marginTop="30px">
<TextView android:id="#+id/text40" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Household:" >
</TextView>
<TextView
android:id="#+id/houseinctot" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Household:" android:layout_marginLeft="-250dp" >
</TextView>
<TextView android:id="#+id/text41" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Household:" android:layout_marginLeft="-150dp" >
</TextView>
<TextView
android:id="#+id/houseexptot" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Household:" android:layout_marginLeft="-70dp" android:gravity="right"
>
</TextView>
</TableRow>
<TableRow
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
<View
android:id="#+id/line1"
android:layout_width="wrap_content"
android:layout_height="1dip"
android:layout_weight="1"
android:background="#FF909090"
android:padding="2dip" />
</TableRow>
<TableRow android:layout_marginTop="30px">
<TextView android:id="#+id/text42" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Travel:" android:layout_span="3">
</TextView>
<TextView
android:id="#+id/trlinctot"
android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Travel" android:layout_marginLeft="-250dp" android:layout_alignParentRight="true">
</TextView>
<TextView android:id="#+id/text43" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Travel:" android:layout_marginLeft="-150dp" >
</TextView>
<TextView
android:id="#+id/trlexptot" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Travel:" android:layout_marginLeft="-70dp" android:gravity="right"
>
</TextView>
</TableRow>
<TableRow
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
<View
android:id="#+id/line1"
android:layout_width="wrap_content"
android:layout_height="1dip"
android:layout_weight="1"
android:background="#FF909090"
android:padding="2dip" />
</TableRow>
<TableRow android:layout_marginTop="30px">
<TextView android:id="#+id/text44" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Education:" android:layout_span="4">
</TextView>
<TextView
android:id="#+id/eduinctot"
android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Education" android:layout_marginLeft="-250dp" android:layout_alignParentRight="true">
</TextView>
<TextView android:id="#+id/text45" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Education:" android:layout_marginLeft="-150dp" >
</TextView>
<TextView
android:id="#+id/eduexptot" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Education:" android:layout_marginLeft="-70dp" android:gravity="right"
>
</TextView>
</TableRow>
<TableRow
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
<View
android:id="#+id/line1"
android:layout_width="wrap_content"
android:layout_height="1dip"
android:layout_weight="1"
android:background="#FF909090"
android:padding="2dip" />
</TableRow>
<TableRow android:layout_marginTop="30px">
<TextView android:id="#+id/text46" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Group4:" android:layout_span="4">
</TextView>
<TextView
android:id="#+id/grp4inctot"
android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="group4" android:layout_marginLeft="-250dp">
</TextView>
<TextView android:id="#+id/text47" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Group4:" android:layout_marginLeft="-150dp" >
</TextView>
<TextView
android:id="#+id/grp4exptot" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="group4:" android:layout_marginLeft="-70dp" android:gravity="right"
>
</TextView>
</TableRow>
<TableRow
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
<View
android:id="#+id/line1"
android:layout_width="wrap_content"
android:layout_height="1dip"
android:layout_weight="1"
android:background="#FF909090"
android:padding="2dip" />
</TableRow>
<TableRow android:layout_marginTop="30px">
<TextView android:id="#+id/text48" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Group5:" android:layout_span="4">
</TextView>
<TextView
android:id="#+id/grp5inctot"
android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="group5" android:layout_marginLeft="-250dp">
</TextView>
<TextView android:id="#+id/text49" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Group5:" android:layout_marginLeft="-150dp" >
</TextView>
<TextView
android:id="#+id/grp5exptot" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="group5:" android:layout_marginLeft="-70dp" android:gravity="right"
>
</TextView>
</TableRow>
My format of display should like this (I am dispalying 2 column like structure in the layout with space between them):
12233 67999
9 8
48 56
4567 576
But it is showing like this:
12233 45345
9 6
48 677
4567. 3566
If i use gravity:right means:
It is going to right extreme of the screen and overlapping value there.
Please help me.Thanks in advance.
<TextView
...
android:gravity="right">
updated your layout XML to solve the text overlapping issues. find the updated layout XML file here
Instead of giving margins to align table columns, use 0dp as value for layout_width parameter and value 1 for layout_weight parameter for your textviews.
<TableRow>
<TextView
android:layout_width="0dip"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="Income" >
</TextView>
<TextView
android:layout_width="0dip"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="Expense" >
</TextView>
</TableRow>
<TableRow
android:layout_width="fill_parent"
android:layout_height="wrap_content" >
<View
android:id="#+id/line1"
android:layout_width="wrap_content"
android:layout_height="1dip"
android:layout_weight="1"
android:padding="2dip"
android:background="#FF909090" />
</TableRow>
<TableRow
android:id="#+id/tablerowhouse"
android:layout_marginTop="30px" >
<TextView
android:id="#+id/text40"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="Household:" >
</TextView>
<TextView
android:id="#+id/houseinctot"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="right"
android:layout_marginRight="2dp"
android:text="Household:" >
</TextView>
<TextView
android:id="#+id/text41"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="Household:" >
</TextView>
<TextView
android:id="#+id/houseexptot"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="right"
android:text="Household:" >
</TextView>
</TableRow>
<TableRow
android:layout_width="fill_parent"
android:layout_height="wrap_content" >
<View
android:id="#+id/line1"
android:layout_width="wrap_content"
android:layout_height="1dip"
android:layout_weight="1"
android:padding="2dip"
android:background="#FF909090" />
</TableRow>
<TableRow android:layout_marginTop="30px" >
<TextView
android:id="#+id/text42"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="Travel:" >
</TextView>
<TextView
android:id="#+id/trlinctot"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="right"
android:layout_marginRight="2dp"
android:text="Travel" >
</TextView>
<TextView
android:id="#+id/text43"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="Travel:" >
</TextView>
<TextView
android:id="#+id/trlexptot"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="right"
android:text="Travel:" >
</TextView>
</TableRow>
<TableRow
android:layout_width="fill_parent"
android:layout_height="wrap_content" >
<View
android:id="#+id/line1"
android:layout_width="wrap_content"
android:layout_height="1dip"
android:layout_weight="1"
android:background="#FF909090"
android:padding="2dip"
/>
</TableRow>
<TableRow android:layout_marginTop="30px" >
<TextView
android:id="#+id/text44"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="Education:" >
</TextView>
<TextView
android:id="#+id/eduinctot"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="right"
android:layout_marginRight="2dp"
android:text="Education" >
</TextView>
<TextView
android:id="#+id/text45"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="Education:" >
</TextView>
<TextView
android:id="#+id/eduexptot"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="right"
android:text="Education:" >
</TextView>
</TableRow>
<TableRow
android:layout_width="fill_parent"
android:layout_height="wrap_content" >
<View
android:id="#+id/line1"
android:layout_width="wrap_content"
android:layout_height="1dip"
android:layout_weight="1"
android:background="#FF909090"
android:padding="2dip" />
</TableRow>
<TableRow android:layout_marginTop="30px" >
<TextView
android:id="#+id/text46"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="Group4:" >
</TextView>
<TextView
android:id="#+id/grp4inctot"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="right"
android:layout_marginRight="2dp"
android:text="group4" >
</TextView>
<TextView
android:id="#+id/text47"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="Group4:" >
</TextView>
<TextView
android:id="#+id/grp4exptot"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="right"
android:text="group4:" >
</TextView>
</TableRow>
<TableRow
android:layout_width="fill_parent"
android:layout_height="wrap_content" >
<View
android:id="#+id/line1"
android:layout_width="wrap_content"
android:layout_height="1dip"
android:layout_weight="1"
android:background="#FF909090"
android:padding="2dip" />
</TableRow>
<TableRow android:layout_marginTop="30px" >
<TextView
android:id="#+id/text48"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="Group5:" >
</TextView>
<TextView
android:id="#+id/grp5inctot"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="right"
android:layout_marginRight="2dp"
android:text="group5" >
</TextView>
<TextView
android:id="#+id/text49"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="Group5:" >
</TextView>
<TextView
android:id="#+id/grp5exptot"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="right"
android:text="group5:" >
</TextView>
</TableRow>
Note: If you provide a drawing that shows the expected screen layout, experts here may be able to help you.
add this in xml in each textview
android:gravity="right"
Use Below Code for that, it may help you.
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="#+id/Layout1"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:gravity="right"
android:orientation="vertical"
android:paddingBottom="6dip"
android:paddingTop="4dip" >
<TextView
android:id="#+id/text1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="12345" />
<TextView
android:id="#+id/text3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="20dp"
android:text="1234" />
<TextView
android:id="#+id/text5"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="123" />
<TextView
android:id="#+id/text7"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="10dp"
android:text="12" />
<TextView
android:id="#+id/text9"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="-30dp"
android:text="1" />
</LinearLayout>

Aligning columns in TableLayout

If i use this layout, everything is ok
See this Image:
<TableLayout android:id="#+id/TableLayout01" android:layout_width="fill_parent" android:layout_height="wrap_content" android:background="#000000" android:layout_margin="10dip" android:padding="10dip" >
<TableRow android:id="#+id/row1" android:layout_width="wrap_content" android:layout_height="wrap_content" >
<TextView android:id="#+id/n1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textColor="#ffffff" android:text="aaaaa a aaaaaaaaa:"></TextView>
<TextView android:id="#+id/c1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textColor="#ffffff" android:layout_column="3" android:text="15"></TextView>
</TableRow>
<TableRow android:id="#+id/row2" android:layout_width="wrap_content" android:layout_height="wrap_content">
<TextView android:id="#+id/n2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textColor="#ffffff" android:text="aaaaaaa aaaaa:"></TextView>
<TextView android:id="#+id/c2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textColor="#ffffff" android:layout_column="3" android:text="12"></TextView>
</TableRow>
<TableRow android:id="#+id/row3" android:layout_width="wrap_content" android:layout_height="wrap_content">
<TextView android:id="#+id/n3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textColor="#ffffff" android:text="aaa:"></TextView>
<TextView android:id="#+id/c3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textColor="#ffffff" android:layout_column="3" android:text="14"></TextView>
</TableRow>
<TableRow android:id="#+id/row4" android:layout_width="wrap_content" android:layout_height="wrap_content">
<TextView android:id="#+id/n4" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textColor="#ffffff" android:text="aaa:"></TextView>
<TextView android:id="#+id/c4" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textColor="#ffffff" android:layout_column="3" android:text="18"></TextView>
</TableRow>
<TableRow android:id="#+id/row5" android:layout_width="wrap_content" android:layout_height="wrap_content">
<TextView android:id="#+id/n5" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textColor="#ffffff" android:text="aaaaaa aaaaaaaa:"></TextView>
<TextView android:id="#+id/c5" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textColor="#ffffff" android:layout_column="2" android:text="70"></TextView>
</TableRow>
</TableLayout>
But if i set android:layout_column="3" for the second textview in the last row, this shows http://www.lukafinzgar.com/nekul.png .
How should i set the attributes to get all the numbers in the third column?
You have to use "android:layout_width" and "android:layout_height" in TableLayout tag only. not anywhere else. And use "android:layout_weight" in each element of TableRow tag to adjust the columns horizontally.Try the below coding.
<TableLayout android:layout_width="fill_parent"
android:layout_height="wrap_content">
<TableRow>
<TextView android:id="#+id/cpotl1textview1"
android:layout_weight="0.5"
android:text="Total Outstanding" />
<EditText android:id="#+id/cpotl1edittext1"
android:layout_weight="0.5"
android:inputType="numberDecimal" />
</TableRow>
<TableRow>
<TextView android:id="#+id/cpotl1textview2"
android:layout_weight="0.5"
android:text="Claim Amount" />
<EditText android:id="#+id/cpotl1edittext2"
android:layout_weight="0.5"
android:inputType="numberDecimal" />
</TableRow>
<TableRow>
<TextView android:id="#+id/cpotl1textview3"
android:layout_weight="0.5"
android:text="Select Message" />
<AutoCompleteTextView android:id="#+id/cpotl1autocompletetextview"
android:layout_weight="0.5"
android:hint="Templates" />
</TableRow>
</TableLayout>
Thanks for opportunity.
Try This:
<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="#+id/TableLayout01"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_margin="10dip"
android:background="#000000"
android:padding="10dip" >
<TableRow
android:id="#+id/row1"
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
<TextView
android:id="#+id/n1"
android:layout_width="wrap_content"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="aaaaa a aaaaaaaaa:"
android:textColor="#ffffff" >
</TextView>
<TextView
android:id="#+id/c1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_column="3"
android:text="15"
android:textColor="#ffffff" >
</TextView>
</TableRow>
<TableRow
android:id="#+id/row2"
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
<TextView
android:id="#+id/n2"
android:layout_width="wrap_content"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="aaaaaaa aaaaa:"
android:textColor="#ffffff" >
</TextView>
<TextView
android:id="#+id/c2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_column="3"
android:text="12"
android:textColor="#ffffff" >
</TextView>
</TableRow>
<TableRow
android:id="#+id/row3"
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
<TextView
android:id="#+id/n3"
android:layout_width="wrap_content"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="aaa:"
android:textColor="#ffffff" >
</TextView>
<TextView
android:id="#+id/c3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_column="3"
android:text="14"
android:textColor="#ffffff" >
</TextView>
</TableRow>
<TableRow
android:id="#+id/row4"
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
<TextView
android:id="#+id/n4"
android:layout_width="wrap_content"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="aaa:"
android:textColor="#ffffff" >
</TextView>
<TextView
android:id="#+id/c4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_column="3"
android:text="18"
android:textColor="#ffffff" >
</TextView>
</TableRow>
<TableRow
android:id="#+id/row5"
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
<TextView
android:id="#+id/n5"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="aaaaaa aaarrrrrrraaaaa:"
android:textColor="#ffffff" >
</TextView>
<TextView
android:id="#+id/c5"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_column="3"
android:text="70"
android:textColor="#ffffff" >
</TextView>
</TableRow>
</TableLayout>

Categories

Resources