『Material Design 入門學習筆記』前言

寫在最前面的話

最開始我在畢業的時候作Android,當時還沒到Android5.0,沒有Material Design,當時的設計都是以立體仿3d效果爲主。後來有了扁平化設計,我卻開始了SDK各類功能組件庫的開發,幾乎不涉及到任何界面開發,對Material Design瞭解真的不是不少。網上關於Material Design的學習資料不少,但也很雜,沒有一個成體系的介紹,我打算作一個專題來介紹Material Design。我如今也是邊學習邊總結,因此寫出的文章適合初學者學習,大神請忽略。若是有什麼不對,歡迎指正。javascript

Material Design是什麼

Material Design是一種設計風格,是谷歌爲廣大開發者提供的一種全新的設計風格,同事提供了相關的庫方便開發者進行開發。這包括字體,主題,組件等。
若是隻適配Android5.0以後的版本,若是須要適配以前的版本,須要依賴一個額外的庫。這個後面會提到。
Material Design的特色是:java

  • 扁平化、簡潔
  • 水波反饋
  • 良好體驗的過渡動畫
  • 材料空間位置的直觀變化
    在這裏看一下效果:

效果圖

Android Design Support Library

就像上面提到的,若是適配5.0如下的系統,須要添加Android Design Support Library,這能夠適配到2.1以上的系統。android

compile ‘com.android.support:design:23.2.1複製代碼

組件

Android Design Support Library中包含了一些經常使用的組件,這些咱們都放到後面的文章中介紹,這裏只作簡單的介紹:程序員

  • android.support.design.widget.TextInputLayout 強大帶提示的MD風格的EditText
  • android.support.design.widget.FloatingActionButton MD風格的圓形按鈕,來自於ImageView
  • android.support.design.widget.Snackbar 相似Toast,添加了簡單的單個Action
  • android.support.design.widget.TabLayout 選項卡
  • android.support.design.widget.NavigationView DrawerLayout的SlideMenu
  • android.support.design.widget.CoordinatorLayout 超級FrameLayout
  • android.support.design.widget.AppBarLayout MD風格的滑動Layout
  • android.support.design.widget.CollapsingToolbarLayout 可摺疊MD風格ToolbarLayout

    風格

    其實這篇文章我還暫時沒打算介紹代碼相關的東西,既然說了是前言,主要是先有個材質設計的概念。
    www.uisdc.com/comprehensi… 這篇文章詳細介紹Material Design的風格很全面。我如下介紹會有一部份內容來自該文章。除了程序員,產品經理仍是須要看看的,不要一設計就是仿照IOS的風格,Android是有本身的風格的,真的不比IOS差。Material Design將物理世界的許多特性帶進了手機世界中。有了各類效果如水波紋,伸縮等,同時引入了Z軸的概念。
相關文章
相關標籤/搜索