Cutuça um botão para a esquerda

Question

Sou muito novo no Android e tenho o seguinte código XML de layout:

<?xml version="1.0" encoding="utf-8"?>
<TableLayout 
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:stretchColumns="1"
android:background="#CCC">

    <TableRow
    android:background="#333"
    android:padding="10px">
     <Button 
     android:text="Sign-up"
     android:id="@+id/signUp"
     android:layout_width="wrap_content"
     android:textSize="18px"
     android:layout_height="wrap_content"
     android:layout_gravity="left">
     </Button>

     <Button 
     android:text="About"
     android:id="@+id/about"
     android:layout_width="wrap_content"
     android:textSize="18px"
     android:layout_height="wrap_content"
     android:layout_gravity="right"
     android:gravity="">
     </Button>

    </TableRow>
</TableLayout>

Isso produz o seguinte layout:

Como posso cutucar o botão mais à direita para a esquerda?

Answer 1

Em vez de um TableLayout, tente usar um RelativeLayout:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:background="#CCC">

    <Button 
        android:text="Sign-up"
        android:id="@+id/signUp"
        android:textSize="18px"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"/>

    <Button 
        android:text="About"
        android:id="@+id/about"
        android:textSize="18px"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"/>

</RelativeLayout>

Answer 2

Tente definir o preenchimento no botão:

<TableRow
android:background="#333"
android:padding="10px">
 <Button 
 android:text="Sign-up"
 android:id="@+id/signUp"
 android:layout_width="wrap_content"
 android:textSize="18px"
 android:layout_height="wrap_content"
 android:layout_gravity="left">
 </Button>

 <Button 
 android:text="About"
 android:id="@+id/about"
 android:layout_width="wrap_content"
 android:textSize="18px"
 android:layout_height="wrap_content"
 android:layout_gravity="right"
 android:gravity=""
 android:padding="3dip" >
 </Button>

</TableRow>

Dar uma olhada em isto Tutorial, faz algo muito semelhante ao que você está procurando.