FloatingActionButton（FAB） 是 Android 5.0 新特性——Material Design 中的一個控件，是一種懸浮的按鈕。FloatingActionButton 是 ImageView 的子類，因此它具備ImageView的全部屬性

• 基本使用

1，需要在gradle文件中先注冊依賴：

compile 'com.android.support:design:25.0.0'

2，FAB基本屬性

<android.support.design.widget.FloatingActionButtonandroid:id="@+id/fab"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_margin="20.0dip"android:onClick="click"android:src="@mipmap/ic_launcher"app:backgroundTint="#30469b"app:borderWidth="0.0dip"app:elevation="5.0dip"app:fabSize="normal"app:layout_anchor="@id/container"app:layout_anchorGravity="right|bottom"app:pressedTranslationZ="10.0dip"app:rippleColor="#a6a6a6" />app:backgroundTint - 設置FAB的背景顏色。 app:rippleColor - 設置FAB點擊時的背景顏色。 app:borderWidth - 該屬性尤為重要，如果不設置0dp，那么在4.1的sdk上FAB會顯示為正方形，而且在5.0以后的sdk沒有陰影效果。所以設置為borderWidth="0dp"。 app:elevation - 默認狀態下FAB的陰影大小。 app:pressedTranslationZ - 點擊時候FAB的陰影大小。 app:fabSize - 設置FAB的大小，該屬性有兩個值，分別為normal和mini，對應的FAB大小分別為56dp和40dp。 android:src - 設置FAB的圖標，Google建議符合Design設計的該圖標大小為24dp。 app:layout_anchor - 設置FAB的錨點，即以哪個控件為參照點設置位置。 app:layout_anchorGravity - 設置FAB相對錨點的位置，值有 bottom、center、right、left、top等。

3,我的問題
咋一看，就是把FloatingActionButton添加到布局文件設置好位置和圖標就行，在項目中，設計給了這樣的切圖標注。

然后我把那個大筆的切圖放進FloatingActionButton中時，發現現實不對勁

圖片嚴重縮小了我的xml代碼

<android.support.design.widget.FloatingActionButtonandroid:id="@+id/m_main_fab"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_margin="16dp"android:src="@drawable/m_main_new_article_icon"app:borderWidth="0.0dip"app:fabSize="normal"app:backgroundTint="@color/m_main_green"android:clickable="true"app:layout_anchor="@id/m_main_recycleview"app:layout_anchorGravity="bottom|right"/>

后來查閱Material Design規范http://wiki.jikexueyuan.com/project/material-design/components/buttons-floating-action-button.html ，https://material.io/guidelines/components/buttons-floating-action-button.html#，
可以看出官方推薦中間建議使用24x24dp的小圖，如加號，分享，叉叉等
根據谷歌的設計規范，drawable的尺寸應該是24dp。

本來以為設計給的圖不對，后來發現及時設計將那個筆的圖切成24dp*24dp，我放進去頁會顯得很小，不好看，后來經過師父幫忙發現設置android:scaleType=”center”會把中間的小圖放到最大。

<android.support.design.widget.FloatingActionButton android:id="@+id/m_main_fab"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_margin="16dp"android:src="@drawable/m_main_new_article_icon"app:borderWidth="0.0dip"app:fabSize="normal"app:backgroundTint="@color/m_main_green"android:clickable="true"app:layout_anchor="@id/m_main_recycleview"app:layout_anchorGravity="bottom|right"android:scaleType="center"/><!-- 添加android:scaleType="center"會把中間的小圖放到最大-->

效果圖：

官方建議，使用FloatingActionButton 結合 CoordinatorLayout 使用，即可實現懸浮在任意控件的任意位置。同時可以實現與CoordinatorLayout 內的其他view協調動畫。

• 協調動畫
  暫更…
  查閱資源：
  1，Floating Action Button-Android M新控件
  2，【Android - 控件】之MD - FloatingActionButton的使用
  3，Android FloatingActionButton（FAB） 懸浮按鈕

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的Android踩坑日记：FloatingActionButton的设置大小问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。