時興起想談談UWP按鈕的設計。
按鈕是UI中最重要的元素之一，可能也是用得最多的交互元素。好的按鈕設計可以有效提高用戶體驗，構(gòu)造讓人眼前一亮的UI。而且按鈕通常不會影響布局，小小的按鈕無論怎么改也不會對性能有多大影響，所以不少注重細節(jié)的設計師最為熱衷修改按鈕。(例如 這位 )
目前UWP只提供了基礎款的按鈕樣式，網(wǎng)上相關(guān)資源也較少，所有寫了這篇文章用于介紹在UWP上設計按鈕的入門知識。
1. VisualStates
Button的CotrolTemplate(可以參考 這里 )中包含四個VisualState，分別是Normal、PointerOver、Pressed、Disabled。
Normal: Button的默認狀態(tài)，UWP的按鈕是完全扁平化的設計。沒有邊框。
PointerOver: 鼠標進入的狀態(tài)，出現(xiàn)邊框，背景顏色也會改變。
Windows中通常不會用改變鼠標指針來表明“這是一個Button”，而是讓Button進入PointerOver狀態(tài)。只有HyperlinkButton是特例，符合 W3C的建議 使用了CoreCursorType.Hand作為鼠標指針。
