• 12.2 Material Design主题" level="2">12.2 Material Design主题

    12.2 Material Design主题" class="reference-link">12.2 Material Design主题

    首先来看看如何使用Material Design的主题。

    Material Design现在有三种默认的主题可以设置,显示效果如图12.4所示。

    12.2 Material Design主题 - 图1 图12.4 Material Design主题

    1. @android:style/Theme.Material (dark version)
    2. @android:style/Theme.Material.Light (light version)
    3. @android:style/Theme.Material.Light.DarkActionBar

    同时,Android 5.X提出了Color Palette的概念,如图12.5所示,让开发者可以自己设定系统区域的颜色,使整个App的颜色风格和系统的颜色风格保持统一。

    12.2 Material Design主题 - 图2 图12.5 Material Design Color Palette

    通过如下所示代码,可以通过使用自定义Style的方式来创建自己的Color Palette颜色主题,从而实现不同的颜色风格,显示效果如图12.6所示。

    12.2 Material Design主题 - 图3 图12.6 Color Palette颜色主题

    1. <resources>
    2. <!-- inherit from the material theme -->
    3. <style name="AppTheme" parent="android:Theme.Material">
    4. <!-- Main theme colors -->
    5. <!-- your app branding color for the app bar -->
    6. <item name="android:colorPrimary">#BEBEBE</item>
    7.  
    8. <!-- darker variant for the status bar and contextual app bars -->
    9. <item name="android:colorPrimaryDark">#FF5AEBFF</item>
    10. <!-- theme UI controls like checkboxes and text fields -->
    11. <item name="android:navigationBarColor">#FFFF4130</item>
    12. </style>
    13. </resources>
    14.