TableLayout中的浮動操作按鈕位置錯誤

Question

正如您所看到的， TableLayout更改了Button ， ProgressBar和EditText組件的寬度，但對於我的FloatingActionButton卻沒有這樣做。

1. 這是一張解釋我的問題的照片

2. 我想，結果得到

在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

關於浮動操作按鈕

浮動操作按鈕用於提升操作。 每個屏幕僅建議使用一個浮動操作按鈕來表示最常見的操作。 因此，不要在一個原始中使用這么多的動作按鈕。 請改用普通按鈕