Vertical Line in Android TableRow Layout

Question

I want to add a seperator line between TextView and EditText in Android layout. I have tried this approach to do it but when i use like it works

         <TableRow
                android:id="@+id/frmPaymentTrRemainder"
                style="@style/rounded_row" >
                <TextView
                    android:id="@+id/frmPaymentTvRemainder"
                    style="@style/rounded_label"
                    android:text="Field" />
                <EditText
                    android:id="@+id/frmPaymentEtRemainder"
                    style="@style/rounded_value"
                    android:editable="false"
                    android:ems="10"
                    android:inputType="numberDecimal" />
                <View
                    android:layout_width="2dip"
                    android:layout_height="fill_parent"
                    android:layout_margin="6dp"
                    android:layout_weight="0.1"
                    android:background="#FF909090" />
            </TableRow>

Screenshot1

When i put view between text views like

         <TableRow
                android:id="@+id/frmPaymentTrRemainder"
                style="@style/rounded_row" >

                <TextView
                    android:id="@+id/frmPaymentTvRemainder"
                    style="@style/rounded_label"
                    android:text="Field" />

                <View
                    android:layout_width="2dip"
                    android:layout_height="fill_parent"
                    android:layout_margin="6dp"
                    android:layout_weight="0.1"
                    android:background="#FF909090" />

                <EditText
                    android:id="@+id/frmPaymentEtRemainder"
                    style="@style/rounded_value"
                    android:editable="false"
                    android:ems="10"
                    android:inputType="numberDecimal" />
            </TableRow>

Screenshot2

I just want a 2pix seperator between TextView and EditText. Any help to achieve this challenge would be appreciated.

@Rotem gave the correct response. – Ascension Dec 04 '12 at 14:26 — Ascension, Dec 04 '12 at 14:26

score 2 · Accepted Answer · edited Dec 04 '12 at 14:34

Try to move your divider view after EditText or wrap EditText and View inside a LinearLayout with weights set to 1 and 0 correspondingly.

<LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
        >
       <View
                android:layout_width="2dip"
                android:layout_height="fill_parent"
                android:layout_margin="6dp"
                android:layout_weight="0"
                android:background="#FF909090" />

    <EditText
            android:id="@+id/frmPaymentEtRemainder"
            style="@style/rounded_value"
            android:editable="false"
            android:ems="10"
            android:layout_weight="1"
            android:inputType="numberDecimal" />


    </LinearLayout>

Just move the View before the EditText. I've missed this part in your description — k_shil, Dec 04 '12 at 14:28

score 0 · Answer 2 · answered Dec 04 '12 at 14:17

0

try to remove the weight attribute

answered Dec 04 '12 at 14:17

Rotem

1,472
2
11
18

Nope.. I just tried, and remove both textview's and view's weight, nothing changed. – hkutluay Dec 04 '12 at 14:19
I'm not sure what you are trying to do.. in the description you said that you have 2 TextViews but in your code there is only one – Rotem Dec 04 '12 at 14:21
I just want a 2pix seperator between TextView and EditText. – hkutluay Dec 04 '12 at 14:23

score 0 · Answer 3 · answered Dec 04 '12 at 14:20

0

Try this :

<ImageView android:layout_width="2dip" android:layout_height="fill_parent" android:background="#FF909090" />

answered Dec 04 '12 at 14:20

Vincent Ducastel

10,121
2
17
11

Vertical Line in Android TableRow Layout

3 Answers3