Trouble aligning TextView and Checkbox in a layout

Question

I have a linear layout that contains a textview and checkbox.

 <LinearLayout style="@style/linearLayoutStyleNoBgColor" >
     <TextView
         android:id="@+id/useFollowupDate"
         style="@style/textFieldStyleType1WithCheckbox" />

     <CheckBox
         android:id="@+id/checkFollowDate"
         style="@style/checkboxStyleType1"/>
 </LinearLayout>

And the styles are:

<style name="linearLayoutStyleNoBgColor">
    <item name="android:layout_width">fill_parent</item>
    <item name="android:layout_height">fill_parent</item>
    <item name="android:layout_margin">5dp</item>
    <item name="android:weightSum">1.0</item>
</style>


<style name="textFieldStyleType1WithCheckbox" parent="@style/textFieldStyleType1">
    <item name="android:layout_height">match_parent</item>
    <item name="android:layout_weight">0.30</item>
    <item name="android:gravity">center_vertical</item>
</style>

<style name="checkboxStyleType1">
    <item name="android:layout_width">0dp</item>
    <item name="android:layout_height">wrap_content</item>
    <item name="android:layout_weight">0.70</item>
    <item name="android:gravity">right|end</item>
</style>

What I am trying to achieve is

TextView                |     checkbox
(30%percent screen)     |     (to the right)

But I am getting now is

TextView            | checkbox
(30%percent screen) | (left aligned)

Where am I gone wrong?

Answer 1

Use gravity and layout_gravity properties at proper places;

This might be useful : http://thinkandroid.wordpress.com/2010/01/14/how-to-position-views-properly-in-layouts/