Android之Material Design
什麼是Material Design?
中文:材料設計。它是2014年穀歌為了解決碎片化,統一不同產品存在的不同UI風格而設計了一套扁平化、簡約風格的UI控制元件,類似的其他廠商設計還有:蘋果、微軟(Mego)等
如何使用Material Design?
- 新增相容函式庫的依賴,如compile 'com.android.support:design:23.2.0'
- 新增V7包(可能):compile 'com.android.support:appcompat-v7:26.0.0-alpha1'
常見的Material Design控制元件有哪些?
- Snackbar
- TextInputLayout
- TabLayout
- DrawerLayout
- NavigationView
- CoordinatorLayout
- BottomSheetBehavior
- CardView
- SwitchCompat
- FloatingActionButton
- SwipeRefreshLayout
- ToolBar
- AppBarLayout
- CollapsingToolbarLayout
- Bottom Sheet
- 具體使用參考:控制元件彙總1、控制元件彙總2、控制元件彙總3、還有這裡
- UI設計參考:material design學習筆記
相關文章
- Material Design元件之AppBarLayoutMaterial Design元件APP
- Material Design 元件之FloatingActionButtonMaterial Design元件
- Material Design 元件之FloatingActionBuMaterial Design元件
- Android Material Design 陰影實現AndroidMaterial Design
- Material Design Lite元件之徽章Material Design元件
- Material Design Lite元件之按鈕Material Design元件
- android Material Design 學習之十:底部Tab的兩種實現AndroidMaterial Design
- Material Design 系列之 CardView、FAB 和 SnackbarMaterial DesignView
- Material Design之-互動效果炸裂的 FloatingActionMenuMaterial Design
- Material Design 實戰 之第一彈——Toolbar詳解Material Design
- Android Material Design控制元件使用(一)——ConstraintLayout 約束佈局AndroidMaterial Design控制元件AI
- Android Material Design控制元件使用(二)——FloatButton TextInputEditText TextInputLayout 按鈕AndroidMaterial Design控制元件
- Android技術分享|【自定義View】實現Material Design的Loading效果AndroidViewMaterial Design
- Material Design之RecyclerView基本講解與瀑布流的實現Material DesignView
- flutter的進階之路之Material Design與IOS風格元件FlutterMaterial DesigniOS元件
- 純CSS Material Design風格按鈕CSSMaterial Design
- 值得一看!2018年最優秀的9個Android Material Design Apps!AndroidMaterial DesignAPP
- 再不遷移到Material Design Components 就out啦Material Design
- Material Design - 常用控制元件介紹和使用Material Design控制元件
- 一文徹底搞清楚 Material DesignMaterial Design
- WPF Material Design中資源的查詢和使用Material Design
- 基於Bootstrap的Material Design風格表單外掛bootMaterial Design
- 『Material Design入門學習筆記』TabLayout與NestedScrollView(附demo)Material Design筆記TabLayoutView
- 2017 Material design 第一章第一節《介紹》Material Design
- 2017 Material design 第一章第二節《環境》Material Design
- 使用純 CSS 實現仿 Material Design 的 input 過渡效果CSSMaterial Design
- Material Design配色難?11條設計資源給你靈感!Material Design
- 用 Material Design 寫了一個簡單的 API 測試工具Material DesignAPI
- Android初步進階之Design Support Library庫簡單使用(一)Android
- Design Patterns in Android:裝飾模式Android模式
- [譯] APP 動效設計,看完就會!(Material Design 設計者撰寫)APPMaterial Design
- 打造自己的 APP「冰與火百科」(三):Material Design 控制元件APPMaterial Design控制元件
- 2017 Material design 第四章第三節《度量和參考線》Material Design
- Design Patterns in Android:責任鏈模式Android模式
- 小小圖示功能大,10個最佳Material Design 圖示資源你不可錯過Material Design
- Material Design 風格的 Excell-like 網頁端電子表格處理系統Material DesignExcel網頁
- 2017 Material design 第二章第六節《富有創造性的定製方案》Material Design
- 如何給 Chrome 開發者工具設定 Material Design 風格的主題外觀ChromeMaterial Design