12.2 Material Design主题" class="reference-link">12.2 Material Design主题
首先来看看如何使用Material Design的主题。
Material Design现在有三种默认的主题可以设置,显示效果如图12.4所示。
图12.4 Material Design主题
- @android:style/Theme.Material (dark version)
- @android:style/Theme.Material.Light (light version)
- @android:style/Theme.Material.Light.DarkActionBar
同时,Android 5.X提出了Color Palette的概念,如图12.5所示,让开发者可以自己设定系统区域的颜色,使整个App的颜色风格和系统的颜色风格保持统一。
图12.5 Material Design Color Palette
通过如下所示代码,可以通过使用自定义Style的方式来创建自己的Color Palette颜色主题,从而实现不同的颜色风格,显示效果如图12.6所示。
图12.6 Color Palette颜色主题
- <resources>
- <!-- inherit from the material theme -->
- <style name="AppTheme" parent="android:Theme.Material">
- <!-- Main theme colors -->
- <!-- your app branding color for the app bar -->
- <item name="android:colorPrimary">#BEBEBE</item>
- <!-- darker variant for the status bar and contextual app bars -->
- <item name="android:colorPrimaryDark">#FF5AEBFF</item>
- <!-- theme UI controls like checkboxes and text fields -->
- <item name="android:navigationBarColor">#FFFF4130</item>
- </style>
- </resources>
