android actionbar menu菜单样式,ActionBar 样式详解 -- 样式主题简介

╰+哭是因爲堅強的太久メ 2022-10-14 00:46 227阅读 0赞

(2) AppTheme 定义

style.xml 文件: 该文件定义了AppTheme主题;

\--代码示例:

\--代码解析: AppTheme 主题继承了 AppBaseTheme 主题, 而 AppBaseTheme 主题确不是固定的, 在 /res/values-v14 中的 style.xml 中也定义了 AppBaseTheme, 该 AppBaseTheme 可以覆盖 在 res/values/style.xml 中定义的主题;

2. AppBaseTheme 解析

(1) AppBaseTheme 简介

AppBaseTheme 简介:

\--AppBaseTheme 父类: 在 Android 工程创建时会有一个选择 Theme 的标题样式, AppBaseTheme 就会继承这个样式;

\--AppBaseTheme 位置: 在 Android 工程中,/res/values/style.xml/res/vaules-v11/style.xmlres/values-v14/style.xml中都定义了 AppBaseTheme 主题;

\--style 样式优先级: 定义在values-vxx 中的样式的优先级会高于 定义在values 中的样式, 如果有重复定义 优先级高的会覆盖优先级低的;

(2) AppBaseTheme 代码分析

定义在 /res/values/style.xml 中的 AppBaseTheme: 该主题依赖于 API 版本, 如果在对应版本的 values 中定义了 AppBaseTheme , 会覆盖该项;

定义在 /res/values-11/style.xml 中的 AppBaseTheme: 如果 API 的版本 高于 11, 就会默认使用该 AppBaseTheme;

定义在 /res/values-14/style.xml 中的 AppBaseTheme: 如果 API 的版本 高于 14, 就会默认使用该 AppBaseTheme;

3. Activity 主题样式android:Theme.Holo.Light.DarkActionBar

这里我们分析 API-14 对应的主题样式: 在上面的/res/values-v14/style.xml中定义的 AppBaseTheme 如果在 API-14 的情况下继承的是android:Theme.Holo.Light.DarkActionBar 主题样式, 该主题定义在sdk/platforms/android-19/data/res/values/themes.xml文件中;

\--代码示例:

(1) ActionBar 样式

android:actionBarStyle 样式作用: 定义 ActionBar 的 标题 副标题样式, 背景, 分割条, 进度条样式等;

属性名称:android:actionBarStyle, 样式的名称为Widget.Holo.Light.ActionBar.Solid.Inverse, 该样式定义在sdk/platforms/android-19/data/res/values/styles.xml中.

@android:style/Widget.Holo.Light.ActionBar.Solid.Inverse

Widget.Holo.Light.ActionBar.Solid.Inverse样式具体内容:

重要的属性解析:

\--android:titleTextStyle: 标题样式, 可以修改标题文字相关的属性;

\--android:subtitleTextStyle: 副标题样式;

\--android:background: 背景, 可以修改 ActionBar 背景;

(2) ActionBar 按钮样式

actionButtonStyle 样式作用: 控制 ActionBar 上的按钮样式, 如 菜单按钮等;

ActionBar 按钮属性:actionButtonStyle, 属性值为@android:style/Widget.Holo.ActionButton;

@android:style/Widget.Holo.ActionButton

android:style/Widget.Holo.ActionButton 具体属性: 该样式继承了Widget.ActionButton 样式;

\--Widget.ActionButton样式:

(3) Tab 标签样式

actionBarTabStyle 样式作用: 定义 ActionBar Tab 导航时 Tab 标签样式;

Tab 标签样式属性:actionBarTabStyle, 样式为@style/Widget.Holo.Light.ActionBar.TabView.Inverse, 该样式为 空, 没有定义任何属性;

item name="actionBarTabStyle">@style/Widget.Holo.Light.ActionBar.TabView.Inverse

(4) 其它样式

actionBarDivider 样式: ActionBar 各项目之间的分隔符, 指定了一个 drawable 资源;

@android:drawable/list\_pider\_holo\_dark

菜单文字颜色:actionMenuTextColor, 指定菜单中文字的颜色;

?android:attr/textColorPrimaryInverse

actionBarTabBarStyle 样式: 定义 ActionBar Tab 导航中 Tab 的分割条, 指定一个 drawable 资源;

@style/Widget.Holo.Light.ActionBar.TabBar.Inverse

actionDropDownStyle 样式: 指定 ActionBar List 导航 下拉列表样式;

@android:style/Widget.Holo.Spinner.DropDown.ActionBar

三. 自定义 ActionBar 样式

默认的 ActionBar 样式:

![20160504090150150.png][]

1. 自定义标题样式

(1) 样式解析

查找标题样式定义位置:

\--样式的继承关系: AppTheme 是直接使用的样式, AppTheme 继承了 AppBaseTheme, AppBaseTheme 继承了android:Theme.Holo.Light.DarkActionBar 样式;

\--标题样式位置:android:titleTextStyle 样式在android:actionBarStyle 中定义,android:actionBarStyle 在android:Theme.Holo.Light.DarkActionBar 中定义;

\--层次关系: AppTheme 与 AppBaseThemeandroid:Theme.Holo.Light.DarkActionBar 是继承关系, 是同一层次的, 包含android:actionBarStyle样式,android:actionBarStyle 样式 包含android:titleTextStyle 样式;

在 AppTheme 中覆盖 标题样式方法:

\--需要实现一个android:actionBarStyle 子样式: 因为 AppTheme 层次高于android:titleTextStyle 两层, 不能直接在 AppTheme 中定义该样式进行覆盖, 需要实现一个android:actionBarStyle 子样式, 在该子样式中重新定义android:titleTextStyle 样式, 即可覆盖掉标题样式;

\--实现一个android:titleTextStyle 子样式: 该样式 也需要继承原样式, 覆盖一些属性;

\--AppTheme 重新定义android:actionBarStyle 样式: 上面将android:actionBarStyle 样式 和android:titleTextStyle 样式覆盖, 这里将已经重写的标题栏样式设置给android:actionBarStyle 即可;

(2) 系统默认样式

AppTheme:

AppBaseTheme:

Theme.Holo.Light.DarkActionBar:

Widget.Holo.Light.ActionBar.Solid.Inverse:

(3) 样式定义

重写 android:titleTextStyle 样式:

重写 android:actionBarStyle 样式:

覆盖 android:actionBarStyle 样式:

(4) 代码示例

/res/values/styles.xml 代码:

界面效果:

![20160504090150151.png][]

2. 自定义菜单文字样式

(1) 系统默认样式

默认样式下的界面显示:

![20160504090150152.png][]

(2) 自定义菜单

自定义菜单样式:

AppTheme 中覆盖 android:actionMenuTextAppearance属性:

(3) 代码示例

完整 /res/values/styles.xml 代码:

界限展示效果:

![20160504090150153.png][]

3. 修改 ActionBar 背景色

在 android:actionBarStyle 样式中修改即可:

界面效果:

![20160504090150154.png][]

4. 自定义左侧的小箭头

在 Activity 中添加代码: 显示 左侧的小箭头;

\--显示箭头代码:

/\* 获取 ActionBar 对象 \*/ActionBar actionBar = getActionBar();/\* 设置标题可点击, 并且添加 向左的小箭头 \*/actionBar.setDisplayHomeAsUpEnabled(true);

\--效果: 箭头太小, 且不美观;

![20160504090150156.png][]

小箭头定义位置: 小箭头 在Theme.Holo.Light.DarkActionBar 样式中定义;

@android:drawable/ic\_ab\_back\_holo\_dark

自定义小箭头: 直接在 AppTheme 样式下 重写android:homeAsUpIndicator 属性即可

\--界面效果:

![20160504090150157.png][]

[20160504090150150.png]: https://www.etuan.com/uploadfile/Collfiles/20160504/20160504090150150.png
[20160504090150151.png]: https://www.etuan.com/uploadfile/Collfiles/20160504/20160504090150151.png
[20160504090150152.png]: https://www.etuan.com/uploadfile/Collfiles/20160504/20160504090150152.png
[20160504090150153.png]: https://www.etuan.com/uploadfile/Collfiles/20160504/20160504090150153.png
[20160504090150154.png]: https://www.etuan.com/uploadfile/Collfiles/20160504/20160504090150154.png
[20160504090150156.png]: https://www.etuan.com/uploadfile/Collfiles/20160504/20160504090150156.png
[20160504090150157.png]: https://www.etuan.com/uploadfile/Collfiles/20160504/20160504090150157.png