浮动操作按钮在 TableLayout 中的位置错误

Question

如您所见，TableLayout 更改了 Button 、 ProgressBar 和 EditText 组件的宽度，但对我的 FloatingActionButton 却没有这样做。

1. 这是一张解释我的problem的照片

2. 结果我要get

在xml中：

<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"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"

     xmlns:app="http://schemas.android.com/apk/res-auto"  >

   <TableLayout
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"

       android:stretchColumns="*" >

       <TableRow
           android:id="@+id/tableRow1"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content" >

           <android.support.design.widget.FloatingActionButton
               android:id="@+id/FloatingActionButton04"
               android:layout_width="wrap_content"
               android:layout_height="wrap_content"

               android:src="@drawable/ic_launcher"
               app:elevation="4dp"
               app1:fabSize="mini" />

           <android.support.design.widget.FloatingActionButton
               android:id="@+id/FloatingActionButton03"
               android:layout_width="wrap_content"
               android:layout_height="wrap_content"
               android:src="@drawable/ic_launcher"
               app:elevation="4dp" />

           <android.support.design.widget.FloatingActionButton
               android:id="@+id/FloatingActionButton02"
               android:layout_width="wrap_content"
               android:layout_height="wrap_content"
               android:src="@drawable/ic_launcher"
               app:elevation="4dp" />

           <android.support.design.widget.FloatingActionButton
               android:id="@+id/FloatingActionButton01"
               android:layout_width="wrap_content"
               android:layout_height="wrap_content"
               android:src="@drawable/ic_launcher"
               app:elevation="4dp" />

           <android.support.design.widget.FloatingActionButton
               android:id="@+id/myFAB"
               android:layout_width="wrap_content"
               android:layout_height="wrap_content"
               android:src="@drawable/ic_launcher"
               app:elevation="4dp" />

       </TableRow>

       <TableRow
           android:id="@+id/tableRow2"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content" >

           <Button
               android:id="@+id/Button04"
               android:layout_width="wrap_content"
               android:layout_height="wrap_content"
               android:text="Button" />

           <Button
               android:id="@+id/Button03"
               android:layout_width="wrap_content"
               android:layout_height="wrap_content"
               android:text="Button" />

           <Button
               android:id="@+id/Button02"
               android:layout_width="wrap_content"
               android:layout_height="wrap_content"
               android:text="Button" />

           <Button
               android:id="@+id/Button01"
               android:layout_width="wrap_content"
               android:layout_height="wrap_content"
               android:text="Button" />

           <Button
               android:id="@+id/button1"
               android:layout_width="wrap_content"
               android:layout_height="wrap_content"
               android:text="Button" />

       </TableRow>

       <TableRow
           android:id="@+id/tableRow3"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content" >

           <ProgressBar
               android:id="@+id/progressBar1"
               style="?android:attr/progressBarStyleHorizontal"
               android:layout_width="wrap_content"
               android:layout_height="wrap_content"
               android:progress="60" />

       </TableRow>

       <TableRow
           android:id="@+id/tableRow4"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content" >

           <EditText
               android:id="@+id/editText1"
               android:layout_width="wrap_content"
               android:layout_height="wrap_content"
               android:ems="10"
               android:text="Width OK" >

               <requestFocus />
           </EditText>

       </TableRow>
   </TableLayout>

</RelativeLayout>

Answer 1

关于浮动操作按钮

浮动操作按钮用于提升操作。每个屏幕只建议使用一个浮动操作按钮来代表最常见的操作。因此，不要在一个原始文件中使用这么多的操作按钮。改用普通按钮