Android 5.0以上系統經常使用控件着色指南

當咱們新建一個Android工程時,Android studio會默認的給咱們生成一個AppTheme,內容以下javascript

<resources>

    <!-- Base application theme. --> <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar"> <!-- Customize your theme here. --> <item name="colorPrimary">@color/colorPrimary</item> <item name="colorPrimaryDark">@color/colorPrimaryDark</item> <item name="colorAccent">@color/colorAccent</item> </style> </resources>複製代碼

colorPrimary,colorPrimaryDark,colorAccent你們應該都已經很是熟悉了,分別控制以下界面中的顏色java

下面咱們要說的是其餘一些和顏色相關的屬性,這些屬性可能你平時並不經常使用,但合理運用它們不只能夠使你的界面更加絢麗並且能夠達到事半功倍的效果。(再次聲明如下屬性適用於5.0及其以上系統)android

colorControlHighlight
colorControlHighlight用於控制全部可點擊的View的漣漪效果顏色,以button舉例來講
普通狀態下的button
app


如今咱們在AppTheme中添加下面這條屬性

<item name="colorControlHighlight">@color/colorAccent</item>複製代碼


colorButtonNormal
用於控制 normal狀態下button的顏色(注意和button的background屬性的區別,設置colorButtonNormal後button依舊會具備漣漪效果,而設置background就沒有漣漪效果了)
設置colorButtonNormal後button的normal狀態以下

android:navigationBarColor
控制底部導航欄的背景色(注意前邊必須有android:),例如:

下面說一下經常使用控件的顏色屬性

EditText佈局

  • unfocused —— colorControlNormal
  • focus —— colorAccent
  • cursor —— colorAccent
  • text color —— android:textColorPrimary

RadioButtonspa

  • unselected —— colorControlNormal
  • selected —— colorAccent

CheckBox3d

  • box unchecked —— colorControlNormal
  • box checked —— colorAccent

Toolbar code

  • background —— 佈局文件中設置android:background="?attr/colorPrimary
  • overflow icon —— android:textColorPrimary
  • navigation icon —— android:textColorPrimary
  • action icons —— android:textColorPrimary
  • overflow menu background —— android:colorBackground
  • overflow text color —— android:textColorPrimary

ActionBarregexp

  • background —— colorPrimary
  • title color —— android:textColorPrimary
  • overflow icon —— android:textColorPrimary
  • up button —— android:textColorPrimary
  • action icons —— android:textColorPrimary
  • overflow menu background —— android:colorBackground
  • overflow text color —— android:textColorPrimary

Spinnerorm

  • indicator (not pressed) —— colorControlNormal
  • indicator (pressed) —— colorAccent
  • selected entry text color —— "android:textColorPrimary

SwitchCompat

  • thumb switch off —— colorSwitchThumbNormal
  • thumb switch on —— colorAccent
  • track overlay —— colorAccent"
相關文章
相關標籤/搜索