Android Theme的使用
原文地址 http://www.cnblogs.com/Dentist/p/4369816.html
Theme是一套UI控件和Activity的样式。可以给Application 和 activity 设置主题。来设置显示界面的样式。
<manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.jude.test.education" > <application android:allowBackup="true" android:icon="@mipmap/ic_launcher" android:label="@string/app_name" <!--这里设置的是整个APP的主题,所有activiy和view都会默认为这个主题--> android:theme="@style/AppTheme" > <activity android:name=".MainActivity" android:label="@string/app_name" <!--这里设置的是这个Activity的主题,Activity所有view都会默认为这个主题--> android:theme="@style/AppTheme" > <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> </application> </manifest>
在value->style里定义主题。可以继承并重写属性。
<!-- 兼容主题 深色主题 activity背景默认黑色,字体默认白色--> <style name="AppTheme" parent="Theme.AppCompat"> </style> <!-- 兼容主题 浅色主题 activity背景默认白色 字体默认黑色 --> <style name="AppTheme2" parent="Theme.AppCompat.Light"> </style> <!-- 兼容主题 深色主题 无Actionbar--> <style name="AppTheme3" parent="Theme.AppCompat.NoActionBar"> </style> <!-- 兼容主题 浅色主题 无Actionbar--> <style name="AppTheme4" parent="Theme.AppCompat.Light.NoActionBar"> </style>
如果使用 android.support.v7.app.ActionBarActivity 就必须要用兼容主题Theme.AppCompat。
ActionBarActivity 的存在就是为了兼容低API。让他们用上高API的东西。比如Toolbar。
如果使用普通的Activity就可以用Holo主题。
Holo主题是Android4.0开始谷歌极力推行的Android Design的主题。
<style name="AppTheme5" parent="android:Theme.Holo"> </style>
不过Android5.0谷歌又推出了Material Design来取代Android Design。
如果你的APP从5.0起配的话就可以直接使用Material主题
<style name="AppTheme5" parent="android:Theme.Material"> </style>
在代码中设置Activity的主题
setTheme(R.style.Theme_AppCompat);
Activity 是 ContextThemeWrapper的子类。而ContextThemeWrapper一个很重要的 属性就是Theme。
实例化一个View必须要 new View(Context context) 。因为View需要把Attributes交给Context的Theme来确定一堆属性(在一个叫TypedArray的容器里)。
比如当你没有定义TextView的字体颜色时,他该显示什么颜色。他要去问Theme。
下面是Theme的官方解释加上我险过四级的英语水平。
/** * This class holds the current attribute values for a particular theme. 这个类持有特定主题的当前attribute * In other words, a Theme is a set of values for resource attributes; 换句话说是资源attribute属性的集合 * these are used in conjunction with {@link TypedArray} 这些属性和TypedArray结合使用 * to resolve the final value for an attribute. 来得出attribute的最终值 * * <p>The Theme's attributes come into play in two ways: (1) a styled 这个主题的属性通过两种方式执行: * attribute can explicit reference a value in the theme through the (1)一个设置过的attribute可以通过"?themeAttribute"语法明确引用一个值 * "?themeAttribute" syntax; (2) if no value has been defined for a (2)如果在一个特定的 attribute 有一个没有被定义的值,在最后我们会尝试 * particular styled attribute, as a last resort we will try to find that 在主题中找到他那个值 * attribute's value in the Theme. * * <p>You will normally use the {@link #obtainStyledAttributes} APIs to * retrieve XML attributes with style and theme information applied. */ public final class Theme { /* *太长不写 */ }
常用的theme项:
<style name="BaseTheme" parent="Theme.AppCompat.Light.NoActionBar"> <!--主色--> <item name="colorPrimary">@color/theme_primary</item> <!--深色主色--> <item name="colorPrimaryDark">@color/theme_primary</item> <!--醒目主色--> <item name="colorAccent">@color/theme_accent</item> <!--抽屉开关样式--> <item name="drawerArrowStyle">@style/DrawerArrowStyle</item> </style> <style name="AppTheme" parent="BaseTheme"> <!--窗体透明--> <item name="android:windowIsTranslucent">true</item> <!--窗体背景--> <item name="android:windowBackground">@android:color/transparent</item> </style> <style name="LaunchTheme" parent="Theme.AppCompat.NoActionBar"> <!--窗体背景,这个背景能在第一时间显示,可以用作启动界面,但此windows不可再使用view--> <item name="android:background">@drawable/bg_launch</item> </style> <style name="MainTheme" parent="BaseTheme"> <!--窗体动画--> <item name="android:windowAnimationStyle">@android:style/Animation.Translucent</item> </style> <style name="DrawerArrowStyle" parent="Widget.AppCompat.DrawerArrowToggle"> <!--抽屉开关箭头颜色--> <item name="color">@android:color/white</item> </style>
所有theme项:
<item name="windowActionBar">true</item> <item name="windowActionBarOverlay">false</item> <!-- Used by MediaRouter --> <item name="isLightTheme">false</item> <item name="selectableItemBackground">@drawable/abc_item_background_holo_dark</item> <item name="selectableItemBackgroundBorderless">?attr/selectableItemBackground</item> <item name="homeAsUpIndicator">@drawable/abc_ic_ab_back_mtrl_am_alpha</item> <item name="dividerVertical">@drawable/abc_list_divider_mtrl_alpha</item> <item name="dividerHorizontal">@drawable/abc_list_divider_mtrl_alpha</item> <!-- Action Bar Styles --> <item name="actionBarTabStyle">@style/Widget.AppCompat.ActionBar.TabView</item> <item name="actionBarTabBarStyle">@style/Widget.AppCompat.ActionBar.TabBar</item> <item name="actionBarTabTextStyle">@style/Widget.AppCompat.ActionBar.TabText</item> <item name="actionButtonStyle">@style/Widget.AppCompat.ActionButton</item> <item name="actionOverflowButtonStyle">@style/Widget.AppCompat.ActionButton.Overflow</item> <item name="actionOverflowMenuStyle">@style/Widget.AppCompat.PopupMenu.Overflow</item> <item name="actionBarStyle">@style/Widget.AppCompat.ActionBar.Solid</item> <item name="actionBarSplitStyle">?attr/actionBarStyle</item> <item name="actionBarWidgetTheme">@null</item> <item name="actionBarTheme">@style/ThemeOverlay.AppCompat.ActionBar</item> <item name="actionBarSize">@dimen/abc_action_bar_default_height_material</item> <item name="actionBarDivider">?attr/dividerVertical</item> <item name="actionBarItemBackground">?attr/selectableItemBackgroundBorderless</item> <item name="actionMenuTextAppearance">@style/TextAppearance.AppCompat.Widget.ActionBar.Menu</item> <item name="actionMenuTextColor">?android:attr/textColorPrimaryDisableOnly</item> <!-- Dropdown Spinner Attributes --> <item name="actionDropDownStyle">@style/Widget.AppCompat.Spinner.DropDown.ActionBar</item> <!-- Action Mode --> <item name="actionModeStyle">@style/Widget.AppCompat.ActionMode</item> <item name="actionModeBackground">@drawable/abc_cab_background_top_material</item> <item name="actionModeSplitBackground">?attr/colorPrimaryDark</item> <item name="actionModeCloseDrawable">@drawable/abc_ic_ab_back_mtrl_am_alpha</item> <item name="actionModeCloseButtonStyle">@style/Widget.AppCompat.ActionButton.CloseMode</item> <item name="actionModeCutDrawable">@drawable/abc_ic_menu_cut_mtrl_alpha</item> <item name="actionModeCopyDrawable">@drawable/abc_ic_menu_copy_mtrl_am_alpha</item> <item name="actionModePasteDrawable">@drawable/abc_ic_menu_paste_mtrl_am_alpha</item> <item name="actionModeSelectAllDrawable">@drawable/abc_ic_menu_selectall_mtrl_alpha</item> <item name="actionModeShareDrawable">@drawable/abc_ic_menu_share_mtrl_alpha</item> <!-- Panel attributes --> <item name="panelMenuListWidth">@dimen/abc_panel_menu_list_width</item> <item name="panelMenuListTheme">@style/Theme.AppCompat.CompactMenu</item> <item name="panelBackground">@drawable/abc_menu_hardkey_panel_mtrl_mult</item> <item name="android:panelBackground">@android:color/transparent</item> <item name="listChoiceBackgroundIndicator">@drawable/abc_list_selector_holo_dark</item> <!-- List attributes --> <item name="textAppearanceListItem">@style/TextAppearance.AppCompat.Subhead</item> <item name="textAppearanceListItemSmall">@style/TextAppearance.AppCompat.Subhead</item> <item name="listPreferredItemHeight">64dp</item> <item name="listPreferredItemHeightSmall">48dp</item> <item name="listPreferredItemHeightLarge">80dp</item> <item name="listPreferredItemPaddingLeft">16dip</item> <item name="listPreferredItemPaddingRight">16dip</item> <!-- Required for use of support_simple_spinner_dropdown_item.xml --> <item name="spinnerDropDownItemStyle">@style/Widget.AppCompat.DropDownItem.Spinner</item> <item name="dropdownListPreferredItemHeight">?attr/listPreferredItemHeightSmall</item> <!-- Popup Menu styles --> <item name="popupMenuStyle">@style/Widget.AppCompat.PopupMenu</item> <item name="textAppearanceLargePopupMenu">@style/TextAppearance.AppCompat.Widget.PopupMenu.Large</item> <item name="textAppearanceSmallPopupMenu">@style/TextAppearance.AppCompat.Widget.PopupMenu.Small</item> <item name="listPopupWindowStyle">@style/Widget.AppCompat.ListPopupWindow</item> <item name="dropDownListViewStyle">@style/Widget.AppCompat.ListView.DropDown</item> <!-- SearchView attributes --> <item name="searchViewStyle">@style/Widget.AppCompat.SearchView</item> <item name="android:dropDownItemStyle">@style/Widget.AppCompat.DropDownItem.Spinner</item> <item name="textColorSearchUrl">@color/abc_search_url_text</item> <item name="textAppearanceSearchResultTitle">@style/TextAppearance.AppCompat.SearchResult.Title</item> <item name="textAppearanceSearchResultSubtitle">@style/TextAppearance.AppCompat.SearchResult.Subtitle</item> <!-- ShareActionProvider attributes --> <item name="activityChooserViewStyle">@style/Widget.AppCompat.ActivityChooserView</item> <!-- Toolbar styles --> <item name="toolbarStyle">@style/Widget.AppCompat.Toolbar</item> <item name="toolbarNavigationButtonStyle">@style/Widget.AppCompat.Toolbar.Button.Navigation</item> <item name="android:editTextStyle">@style/Widget.AppCompat.EditText</item> <item name="editTextBackground">@drawable/abc_edit_text_material</item> <item name="editTextColor">?android:attr/textColorPrimary</item> <item name="android:autoCompleteTextViewStyle">@style/Widget.AppCompat.AutoCompleteTextView</item> <!-- Color palette --> <item name="colorPrimaryDark">@color/primary_dark_material_dark</item> <item name="colorPrimary">@color/primary_material_dark</item> <item name="colorAccent">@color/accent_material_dark</item> <item name="colorControlNormal">?android:attr/textColorSecondary</item> <item name="colorControlActivated">?attr/colorAccent</item> <item name="colorControlHighlight">@color/ripple_material_dark</item> <item name="colorButtonNormal">@color/button_material_dark</item> <item name="colorSwitchThumbNormal">@color/switch_thumb_normal_material_dark</item> <item name="drawerArrowStyle">@style/Widget.AppCompat.DrawerArrowToggle</item> <item name="switchStyle">@style/Widget.AppCompat.CompoundButton.Switch</item> <item name="android:ratingBarStyle">@style/Widget.AppCompat.RatingBar</item> <!-- Button styles --> <item name="android:buttonStyle">@style/Widget.AppCompat.Button</item> <item name="android:buttonStyleSmall">@style/Widget.AppCompat.Button.Small</item> <item name="android:textAppearanceButton">@style/TextAppearance.AppCompat.Button</item>
继承一个Theme。重载上面的属性可以更方便的控制整个APP的风格。
下面说说style。
theme是全局的设计风格。style是局部的设计风格。
看我另一篇介绍ToolBar的帖子。里面说到了。系统是Light主题。而ToolBar需要Dark主题。可以给ToolBar单独设置一个
app:theme="@style/Theme.AppCompat"
而只有toolbar是特例。其他view并不能使用这个。
所以谷歌推出了 ThemeOverlay 来解决这个问题。详情自行FQ:https://chris.banes.me/2014/11/12/theme-vs-style/
<LinearLayout android:theme="@android:style/ThemeOverlay.Material.Dark"> <!-- Anything here will also have a dark theme --> </LinearLayout>
这样就可以给View设置单独主题了。