表格行中三个按钮的对齐方式Android

Question

在线性布局内我的Actvity中有三个按钮。 在这里，我希望所有的按钮应该占据整个tablelayour同样。 所以我编码如下。

<Linearlayout> 
...... 
<TableLayout 
     android:id="@+id/tableLayout2" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_weight="0" 
     android:stretchColumns="*"> 

     <TableRow 
      android:id="@+id/tableRow5" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content"> 
      <Button 
       android:id="@+id/registerTwitter" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Register Twitter" 
       android:gravity="left"/> 

      <Button 
       android:id="@+id/registerFB" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Register FaceBook" 
       android:gravity="center"/> 

      <Button 
       android:id="@+id/clearCredentials" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Clear Credentials" 
       android:layout_gravity="right" /> 

     </TableRow> 
    </TableLayout> 
    </LinearLayout> 

但是在这里，当我给代码如上我有三个按钮占据整个空间。

但对齐不正确。他们就像在漫天飞舞....

在哪里我犯的错误...

还要注意上面的最后一个按键是不可见的充分的半隐半现.....

我在UI设计非常虚弱任何人都可以在建议....

Answer 1

重力和layout_gravity是按钮上的两个不同的字段。

重力改变文本的位置在按钮和layout_gravity改变的按钮布局位置

您可以选择使用layout_gravity，另外两个采用重力一个按钮。 确保您使用正确的！

编辑，这里试试这个代码，它是更好地使用权：

<TableRow 
    android:id="@+id/tableRow5" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content"> 
    <Button 
     android:id="@+id/registerTwitter" 
     android:layout_height="wrap_content" 
     android:text="Register Twitter" 
     android:layout_weight=".3" android:layout_width="match_parent" android:gravity="center_horizontal"/> 

    <Button 
     android:id="@+id/registerFB" 
     android:layout_height="wrap_content" 
     android:text="Register FaceBook" 
     android:layout_weight=".3" android:layout_width="match_parent" android:gravity="center_horizontal"/> 

    <Button 
     android:id="@+id/clearCredentials" 
     android:layout_height="wrap_content" 
     android:text="Clear Credentials" 
     android:layout_gravity="right" android:layout_weight=".3" android:layout_width="match_parent" android:gravity="center_horizontal"/> 

</TableRow> 

Answer 2

如果我理解正确的话，你只是想在一行中给出的按钮等于水平空间，然后尝试小号omething这样

<?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" > 

    ... other views here ... 

    <LinearLayout 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_gravity="bottom" > 

     <Button 
      android:id="@+id/registerTwitter" 
      android:layout_width="0dp" 
      android:layout_height="fill_parent" 
      android:layout_weight="1" 
      android:text="Register Twitter" /> 

     <Button 
      android:id="@+id/registerFB" 
      android:layout_width="0dp" 
      android:layout_height="fill_parent" 
      android:layout_weight="1" 
      android:text="Register FaceBook" /> 

     <Button 
      android:id="@+id/clearCredentials" 
      android:layout_width="0dp" 
      android:layout_height="fill_parent" 
      android:layout_weight="1" 
      android:text="Clear Credentials" /> 
    </LinearLayout> 

</LinearLayout> 

这告诉按钮与宽度0开始出并平分了在它们之间的其余的水平空间。

Answer 3

你混合gravity和layout_gravity。你应该使用layout_gravity。此外，请注意，center值意味着水平中心和垂直中心。这可以解释为什么你的中间按钮垂直关闭。

Answer 4

您可以通过在RelativeLayout的，而不是执行的LinearLayout如下

<RelativeLayout 
android:layout_width="fill_parent" 
android:layout_height="fill_parent"> 
<Button 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:id="@+id/button1" 
    android:layout_alignParentLeft="true" 
    android:text="Button1" 

    /> 
<Button 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:id="@+id/button2" 
    android:layout_centerHorizontal="true" 
    android:text="Button2" 
    /> 
    <Button 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:id="@+id/button3" 
    android:layout_alignParentRight="true" 
    android:text="Button3" 
    /> 

</RelativeLayout>