自上次參加完回音分享會后焙格，我下定決心要洗心革面乖乖打基礎(chǔ)，于是開啟了這個part，爭取兩個月不間斷更新健田，寫完Material Design與iOS中的組件（順便學(xué)學(xué)英語），以便今后在使用的時候完全不虛
按鈕（ Buttons）
Material Design鏈接：按鈕
按鈕能傳達用戶觸摸它們時發(fā)生的操作佛纫。
Buttons被按時被觸發(fā)墨水?dāng)U散效果妓局。 他們可能會顯示文字，圖像或兩者都有呈宇。 平面按鈕和浮動按鈕是最常用的類型好爬。
其他按鈕類型包括：
·底部固定按鈕（Persistent footer buttons）是可用于屏幕底部或提示框的平面按鈕。
·下拉按鈕（Dropdown buttons）顯示多個選擇攒盈。
·切換按鈕（Toggle buttons）將選項匯聚在一起抵拘。 圖標(biāo)切換允許選擇或取消選擇單個選項。
標(biāo)準(zhǔn)按鈕
平面按鈕Flat buttons
平面按鈕是只有文本的按鈕
可用在dialogs型豁， toolbars和inline
不會有抬起的效果僵蛛，但是點擊時會填充顏色
浮動按鈕 Raised?buttons
浮動的按鈕是矩形的按鈕。
它們可以內(nèi)聯(lián)使用迎变。
他們被點擊時會抬起并觸發(fā)墨水?dāng)U散效果充尉。
海拔
平面按鈕Flat buttons: 0dp
懸浮按鈕 buttons: 2dp
按鈕類型
三種標(biāo)準(zhǔn)按鈕:
懸浮響應(yīng)按鈕（Floating action button）： 點擊后會產(chǎn)生浮起與墨水?dāng)U散效果的圓形按鈕。
浮動按鈕（Raised button）：點擊后會產(chǎn)生浮起與墨水?dāng)U散效果的常見的方形按鈕衣形，驼侠。
扁平按鈕（Flat button）：?點擊后產(chǎn)生墨水?dāng)U散效果，但是沒有浮起的效果谆吴。
選擇按鈕樣式
選擇按鈕樣式取決于按鈕的優(yōu)先級倒源，屏幕上的組件數(shù)量和屏幕布局。
功能：非常重要+無處不在=懸浮響應(yīng)按鈕（Floating action button）
海拔：選擇浮動還是平面按鈕句狼，具體取決于它所在的容器以及屏幕上有多少z軸空間圖層笋熬。 屏幕上不應(yīng)有太多層。
布局：每個容器主要使用一種類型的按鈕腻菇。 只有在有充分理由的情況下才能使用混合按鈕類型（比如需要強調(diào)一個浮起的效果）胳螟。
用法
按鈕類型
按鈕的適用類型應(yīng)該與其所出現(xiàn)的環(huán)境相適應(yīng)。
推薦的按鈕放置
標(biāo)準(zhǔn)提示框
屏幕上的按鈕對齊方式：右邊
將肯定性按鈕放在右側(cè)筹吐，否定性的放在左邊糖耸。
表單
屏幕上的按鈕對齊：左邊
將肯定性按鈕放在左側(cè)，否定性的放在右邊丘薛。
卡片
按鈕最好放在卡的左側(cè)以增加其可見度嘉竟。 但是，由于卡片具有靈活的布局，因此可以將按鈕放置在適合內(nèi)容和上下文的位置周拐，同時保持產(chǎn)品內(nèi)的一致性铡俐。
非標(biāo)準(zhǔn)的提示框和模態(tài)窗口
非標(biāo)準(zhǔn)提示框和模態(tài)窗口中的按鈕放置取決于它們包含內(nèi)容的復(fù)雜程度。
對于內(nèi)容相對簡單的提示框妥粟，建議將按鈕放在對話框的右側(cè)审丘，肯定性按鈕位于否定性按鈕的右側(cè)。
對于冗長或復(fù)雜的表單勾给，建議將按鈕放在表單的左側(cè)滩报，肯定性按鈕位于否定性按鈕的左側(cè)。
樣式
版式設(shè)計
按鈕文本應(yīng)該用有大寫的語言大寫播急。 對于其他語言脓钾，平面按鈕上的彩色文本將它們與普通文本區(qū)分開來。
無障礙
為了確保殘疾人的可用性桩警，需要按鈕的高度為36dp可训，熱區(qū)的最低高度為48dp。
圓角半徑
按鈕應(yīng)該有一個2dp的圓角半徑捶枢。
密度
當(dāng)鼠標(biāo)和鍵盤是主要的輸入方法時握截，可以稍微減少按鈕尺寸以適應(yīng)密集的UI界面。
扁平按鈕(Flat button)
用法
平面按鈕印在材料上烂叔。 不會浮起谨胞，但點擊時會填充顏色。
可以在以下位置使用扁平按鈕：
·在 toolbars上
·在提示框中蒜鸡，將按鈕操作與對話框內(nèi)容統(tǒng)一起來
·Inline, with padding胯努，因此用戶可以輕松找到它們
行為
浮動按鈕(Raised button)
用法
浮動按鈕增加了大部分平面布局的海拔。 強調(diào)在擁擠的或者較大的空間的功能逢防。
浮動按鈕就像一塊放在另一張紙上的材料 - 點擊時浮起并填充顏色叶沛。
按鈕海拔
浮動按鈕的默認(rèn)海拔為2dp。
在桌面上忘朝，浮動按鈕可以在懸停時獲得此海拔灰署。
底部固定按鈕（Persistent footer buttons）
如果app要求操作持續(xù)存在且隨時可供用戶使用，請考慮使用懸浮響應(yīng)按鈕（Floating action button）或底部固定按鈕（Persistent footer buttons）辜伟。
請勿在固定按鈕區(qū)域使用浮動按鈕氓侧。
添加分隔后脊另，底部固定按鈕可用于滾動的提示框导狡。
下拉按鈕（Dropdown buttons）
移動端下拉按鈕
下拉按鈕
下拉按鈕可在多個選項中進行選擇。 該按鈕顯示當(dāng)前狀態(tài)和向下箭頭偎痛。 例如旱捧，可用狀態(tài)可以顯示為文字，顏色或icon的列表。
當(dāng)用戶與按鈕交互時枚赡，Menus會覆蓋按鈕并顯示可能的狀態(tài)氓癌。 按下某個狀態(tài)會取消Menus并更新按鈕以顯示此新狀態(tài)。
在下拉菜單中滾動的方式與Menus滾動的方式相同贫橙。
溢出下拉菜單按鈕
這種類型的下拉菜單默認(rèn)顯示箭頭或者菜單按鈕贪婉。點擊按鈕后會彈出菜單。點擊菜單中的任意一個選項將會引導(dǎo)到對應(yīng)的設(shè)置頁面卢肃。
分段式下拉菜單按鈕
分段式下拉菜單按鈕有兩個區(qū)域: 當(dāng)前狀態(tài)和下拉箭頭疲迂。點擊當(dāng)前狀態(tài)會觸發(fā)狀態(tài)相應(yīng)的動作。點擊下拉箭頭則會彈出所有狀態(tài)菜單; 點擊任意一個狀態(tài)會改變當(dāng)前的狀態(tài)莫湘。
可編輯分段式下拉菜單按鈕
可編輯分段式下拉菜單按鈕的當(dāng)前狀態(tài)位置是可編輯的（例如用來選擇文字大小的下拉菜單）尤蒿。 點擊當(dāng)前狀態(tài)位置會觸發(fā)相應(yīng)的動作并且當(dāng)前狀態(tài)會變成可編輯。點擊下拉箭頭會顯示所有狀態(tài)幅垮。
桌面下拉
桌面應(yīng)用欄規(guī)格
切換按鈕（Toggle buttons）
切換按鈕可用于分組的相關(guān)選項腰池。 安排布局和間距來表達出切換按鈕是組的一部分。
聚焦和點擊狀態(tài)可能會強化切換按鈕是一個組的一部分忙芒。 例如示弓，當(dāng)聚焦一個切換按鈕時，焦點可能會同時顯示組中的其他切換按鈕匕争。
切換按鈕需要：
·組中至少有三個切換按鈕
·用文字避乏，圖標(biāo)或兩者標(biāo)記按鈕
建議使用以下組合：
·可以都不選
·只能選一個
·可以選多個
圖標(biāo)切換
圖標(biāo)適用于切換按鈕，允許選擇或取消選擇單個選項甘桑，例如向項目添加或移除星標(biāo)拍皮。
他們最好位于應(yīng)用欄，工具欄跑杭，動作按鈕或切換铆帽。
圖標(biāo)切換可能會在其觸摸目標(biāo)范圍外顯示有界或無界的墨水?dāng)U散反應(yīng)波紋。
