自上次參加完回音分享會后，我下定決心要洗心革面乖乖打基礎(chǔ)，于是開啟了這個part，爭取兩個月不間斷更新，寫完Material Design與iOS中的組件（順便學(xué)學(xué)英語），以便今后在使用的時候完全不虛
Material Design鏈接：懸浮響應(yīng)式按鈕
懸浮響應(yīng)式按鈕代表一個應(yīng)用中最重要的操作。
懸浮響應(yīng)式按鈕用于促進(jìn)操作。
就像在UI上方浮動的圓形icon一樣，它會在聚焦時改變顏色，并在選擇時上浮。 點擊時，它可能包含更多相關(guān)的操作。
用法
每個屏幕只推薦一個懸浮響應(yīng)式按鈕來表示最常用的操作。
行為
默認(rèn)情況下，懸浮響應(yīng)式按鈕在屏幕上以動畫形式展開。
尺寸
默認(rèn)值：56 x 56dp
最?。?0 x 40dp
懸浮響應(yīng)式按鈕
懸浮響應(yīng)式按鈕
浮動操作按鈕用于促進(jìn)操作，懸浮響應(yīng)式按鈕是由在UI上方浮動的圓形icon來區(qū)分的，它們的運動行為包括變色、發(fā)射（功能）和改變錨點。
浮動操作按鈕有兩種尺寸:
·默認(rèn)大?。簩τ诖蠖鄶?shù)用例。
·最小尺寸：只用于創(chuàng)建與其他屏幕元素的視覺連續(xù)性。
當(dāng)屏幕寬度為460dp或更小時，按鈕的大小應(yīng)該從默認(rèn)的(56dp)變?yōu)樽钚〕叽?40dp)。
懸浮響應(yīng)式按鈕應(yīng)該放置在離手機(jī)邊緣至少16dp的位置，平板電腦/pc上至少需要離24dp。
懸浮響應(yīng)式按鈕在聚焦時改變顏色，在選擇時上浮。
并非每屏都需要浮動操作按鈕。 浮動操作按鈕表示app中的最重要的操作。
每個屏幕建議只用一個懸浮響應(yīng)式按鈕，增加其顯眼程度。 懸浮響應(yīng)式按鈕應(yīng)該只代表最常用的動作。
性質(zhì)
使懸浮響應(yīng)式按鈕代表積極的操作，如創(chuàng)建，喜歡，共享，導(dǎo)航和搜索。
避免對次要和消極的操作使用浮動操作按鈕，包括以下內(nèi)容：
·存檔或清空
·不明確的行為
·警告或錯誤
·有限制的任務(wù)，如剪切文本
·應(yīng)該在工具欄中的控件，如音量控制或更改字體顏色
浮動操作按鈕不包含應(yīng)用欄icons或狀態(tài)通知（如小紅點）。 不要將其他元素疊放在懸浮響應(yīng)式按鈕上。
一致地使用圓形圖標(biāo)以在app間強(qiáng)制最重要的操作的一致性。
不要給懸浮響應(yīng)式按鈕多余的維度效果。
行為（此部分見原網(wǎng)站）
默認(rèn)情況下，懸浮響應(yīng)式按鈕在屏幕上以動畫形式展開。 其中的icon可能是動態(tài)的。
由于其相對而言的重要性，懸浮響應(yīng)式按鈕的移動方式可能與其他UI元素不同。
跨屏幕
橫跨多個橫向屏幕（例如頂部標(biāo)簽屏幕）的懸浮響應(yīng)式按鈕應(yīng)該短暫消失，然后如果其動作改變就重新出現(xiàn)（此部分動圖見原網(wǎng)站）。
如果按鈕在各個屏幕上的動作保持不變（如有必要，則轉(zhuǎn)換為新位置），該按鈕應(yīng)保持在屏幕上。
列表
懸浮響應(yīng)式按鈕下面的列表應(yīng)該在它們下面有足夠的空間，以便它們的內(nèi)容不被按鈕擋住。
帶標(biāo)簽的屏幕
在帶標(biāo)簽的屏幕上，懸浮響應(yīng)式按鈕不應(yīng)以與內(nèi)容相同的方向退出屏幕。 這可以防止：
·懸浮響應(yīng)式按鈕在不在屏幕時顯示功能
·懸浮響應(yīng)式按鈕與內(nèi)容海拔相同的感覺
變換
變換
浮動操作按鈕是app中主要用例的特別示例。 利用其可見性為主要的UI元素創(chuàng)建令人愉快的變換。
常用變換包括觸發(fā)，工具欄，Speed dial和變形。 這不是一個詳盡的清單。 懸浮響應(yīng)式按鈕的設(shè)計靈活。 嘗試最適合您的app和按鈕所在屏幕的變換。
觸發(fā)
懸浮響應(yīng)式按鈕可以簡單地觸發(fā)動作或在某處導(dǎo)航。 觸摸波動的動畫向外擴(kuò)展導(dǎo)致UI變化。
工具欄
浮動動作按鈕可以在按下時變換成工具欄。 工具欄可以包含相關(guān)的操作，如文本和搜索字段，或任何其他有用的項目。
滾動就消失的工具欄適用于：
·最開始進(jìn)入時需要完整工具欄的屏幕
·長列表頂部或底部需要完整工具欄的屏
當(dāng)用戶通過滾動表示他們有興趣查看主要內(nèi)容時，節(jié)省了屏幕空間。
如果懸浮響應(yīng)式按鈕變形為工具欄，則該工具欄應(yīng)包含相關(guān)操作。
Speed dial
按動懸浮響應(yīng)式按鈕可以甩出相關(guān)動作。 菜單被喚起后，該按鈕應(yīng)保持在屏幕上。 在同一地點點擊應(yīng)激活最常用的操作或關(guān)閉打開的菜單。
懸浮響應(yīng)式按鈕可以轉(zhuǎn)換為包含所有動作的單張材料。
一般規(guī)則是，按下時至少有三個選項，但不能超過六個，包括原始懸浮響應(yīng)式按鈕目標(biāo)。 如果您有兩個選項 ，即您的浮動操作按鈕只顯示另一個選項，則選最重要的動作作為懸浮響應(yīng)式按鈕。 如果你有超過六個，用戶可能難以觸摸到最遠(yuǎn)的選擇。
為用戶提供最好，最明顯，最少的選擇，來減少決策疲勞。
不要在浮動操作按鈕操作中放置溢出菜單。 從最初的屏幕應(yīng)該最多只有兩次點擊就能到達(dá)預(yù)期的目的地。
將溢出操作置于工具欄中的溢出菜單中，而不是懸浮響應(yīng)式按鈕中。
如果app的特點是添加文件類型，浮動操作按鈕可以在第一次觸摸后轉(zhuǎn)換為相關(guān)操作。 但是，如果顯示的操作與按鈕無關(guān)，請將操作放入溢出菜單。
懸浮響應(yīng)式按鈕可以包含聯(lián)系人列表。 該列表不應(yīng)包含無關(guān)的操作。
變形
浮動操作按鈕可以轉(zhuǎn)換為屬于應(yīng)用程序結(jié)構(gòu)的一部分材料。 這種戲劇性的變化突出了按鈕所能實現(xiàn)的動作。
懸浮響應(yīng)式按鈕變形時，以有邏輯的方式在開始和結(jié)束位置之間轉(zhuǎn)換。 例如，不要通過其他材料。
變形動畫應(yīng)該是可逆的并且可以將新的材料片轉(zhuǎn)換回浮動動作按鈕。
全屏
浮動動作按鈕可以轉(zhuǎn)換為跨越整個屏幕的新材料。
這種戲劇性轉(zhuǎn)變通常與創(chuàng)建新內(nèi)容相關(guān)聯(lián)。 因此，它往往不具有撤消轉(zhuǎn)換或可逆動畫的方法。
大屏幕
大屏幕
懸浮響應(yīng)式按鈕可以附加到擴(kuò)展的應(yīng)用程序欄。
懸浮響應(yīng)式按鈕可以附加到工作表內(nèi)的工具欄或結(jié)構(gòu)元素（只要它不阻擋其他元素）。
懸浮響應(yīng)式按鈕可以附加到薄片的邊緣。
每個屏幕不要有多個浮動動作按鈕。
不要將懸浮響應(yīng)式按鈕與屏幕上的每個元素相關(guān)聯(lián)。
