天天看點

Android中Material Design中的風格介紹

Google在Android 5.0推出了Material Design,就增加了材料設計風格的主題,系統自帶的三個材料風格主題: @android:style/Theme.Material (深色)

@android:style/Theme.Material.Light (亮色)

@android:style/Theme.Material.Light.DarkActionBar (亮色,actionbar為深色)

Android中Material Design中的風格介紹
Android中Material Design中的風格介紹

定義主題style的一些style item如下:

<!-- api21以上版本生效 -->

<style name="RedTheme" parent="android:Theme.Material">

    <!-- 狀态欄顔色,會被statusBarColor效果覆寫-->

    <item name="android:colorPrimaryDark">@color/status_red</item>

    <!-- 狀态欄顔色,繼承自colorPrimaryDark -->

    <item name="android:statusBarColor">@color/status_red</item>

    <!-- actionBar顔色 -->

    <item name="android:colorPrimary">@color/action_red</item>

    <!-- 視窗背景顔色 -->

    <item name="android:windowBackground">@color/window_bg_red</item>

    <!-- 底部導航欄顔色 -->

    <item name="android:navigationBarColor">@color/navigation_red</item>

    <!-- 前景色:ListView的分割線顔色,switch滑動區域色-->

    <item name="android:colorForeground">@color/fg_red</item>

    <!-- 背景色:popMenu的背景色 -->

    <item name="android:colorBackground">@color/bg_red</item>

    <!-- 控件預設顔色 ,效果會被colorControlActivated取代  -->

    <item name="android:colorAccent">@color/control_activated_red</item>

    <!-- 控件預設狀态時的顔色  -->

    <item name="android:colorControlNormal">@color/control_normal_red</item>

    <!-- 控件按下時的顔色,會影響水波紋效果,繼承自colorAccent  -->

    <item name="android:colorControlHighlight">@color/control_highlight_red</item>

    <!-- 控件選中時(selected或checked)的顔色 -->

    <item name="android:colorControlActivated">@color/control_activated_red</item>

    <!-- Button的預設背景顔色 -->

    <item name="android:colorButtonNormal">@color/button_normal_red</item>

    <!-- Button,textView的文字顔色  -->

    <item name="android:textColor">@color/white_text</item>

    <!-- RadioButton checkbox等控件的文字 -->

    <item name="android:textColorPrimaryDisableOnly">@color/white_text</item>

    <!-- actionBar的标題文字顔色 -->

    <item name="android:textColorPrimary">@color/white_text</item>

</style>