Training风格化动作栏

风格化动作栏

动作栏给你的用户提供了一个熟悉而又直观的方式来执行动作和导航你的app。但是这不是说动作栏必须和其他的APP都是一模一样的。如果你想更改动作栏的样貌的话&＃xff0c;你可以通过使用安卓的“风格和主题”轻松实现。

安卓包含了一些内置的activity主题能够实现“深色”和“浅色”的动作栏风格。你也可以通过扩展这些主题来定制你自己的动作栏。

使用安卓主题

安卓包含了两个基本的activity主题&＃xff0c;主要是颜色上的区别&＃xff1a;

Theme.Holo 深色主题

Theme.Holo.Light 浅色主题

然后对整个应用或者某个activity应用主题&＃xff1a;

下载示例代码

针对安卓2.1及以上

&＃xff08;本人不再翻译此相关的东西&＃xff0c;因为有些过时&＃xff0c;大部分人应该用不到&＃xff0c;如果你确实需要的话&＃xff0c;还是请参考官方文档吧^_^。&＃xff09;

定制文本颜色

为了更改动作栏的文本颜色&＃xff0c;你同样需要覆写相关的文本元素属性值&＃xff1a;

动作栏标题&＃xff1a;定义一个自定义主题&＃xff0c;指定actinBarStyle到中的titleTextStyle的属性textColor值。注意&＃xff1a;titleTextStyle需要继承主题TextApperance.Holo.Widget.ActionBar.Title。

动作栏标签页&＃xff1a;需要覆写actionBarTabTextStyle。

动作按钮&＃xff1a;需要覆写actionMenuTextColor。

针对安卓3.0及以上

假设你在安卓3.0版本及以上的系统上开发&＃xff0c;那么需要创建如下一个主题文件&＃xff1a;

res/values-v14/themes.xml

上面的文件用到了颜色&＃xff0c;我们需要再自定义一个颜色(#ff0000代表红色&＃xff0c;顺序为#RRGGBB)&＃xff1a;

res/values-v14/colors.xml


#ff0000



然后对整个应用或者某个activity应用主题&＃xff1a;

在上面我们对整个应用使用了自定义主题&＃xff0c;分别设定动作栏标题文本&＃xff0c;标签页文本&＃xff0c;动作按钮文本为红色。因此&＃xff0c;我们还需要更改代码和资源文件来添加标签页和动作按钮&＃xff1a;

MainActivity.java

&＃64;Overrideprotected void onCreate(Bundle savedInstanceState) {……ActionBar ab &＃61; getActionBar();ab.setNavigationMode(ActionBar.NAVIGATION_MODE_STANDARD | ActionBar.NAVIGATION_MODE_TABS);;ab.addTab(ab.newTab().setText("Tab 1").setTabListener(tablistener));ab.addTab(ab.newTab().setText("Tab 2").setTabListener(tablistener));ab.addTab(ab.newTab().setText("Tab 3").setTabListener(tablistener));}private ActionBar.TabListener tablistener &＃61; new ActionBar.TabListener() {&＃64;Overridepublic void onTabUnselected(Tab tab, FragmentTransaction ft) {// TODO Auto-generated method stub}&＃64;Overridepublic void onTabSelected(Tab tab, FragmentTransaction ft) {// TODO Auto-generated method stub}&＃64;Overridepublic void onTabReselected(Tab tab, FragmentTransaction ft) {// TODO Auto-generated method stub}};


建立一个菜单文件&＃xff0c;添加动态按钮&＃xff1a;

res/menu/main.xml

执行程序&＃xff0c;效果图如下&＃xff1a;

下载示例代码

定制标签页的指示条

为了更改标签页的指示条&＃xff08;默认是蓝色&＃xff0c;我们将把它改成白色的&＃xff09;&＃xff0c;你需要覆写actionBarStyle属性。这个属性指向另一个主题&＃xff0c;在那里你需要修改background指向一个状态型的图像资源。&＃xff08;所谓状态型图像资源&＃xff0c;就是根据某个标签页选中或不选中等状态变化显示不同的背景图片。&＃xff09;

例如&＃xff0c;下面我们建立了一个状态型的图像资源&＃xff1a;

res/drawable/actionbar_tab_indicator.xml

上面还需要一些图片资源&＃xff0c;请下载后面的示例代码。

接下来&＃xff0c;需要自定义主题&＃xff1a;

res/values-v14/themes.xml

然后对整个应用或者某个activity应用主题&＃xff1a;

修改MainActivity.java&＃xff0c;添加几个标签页&＃xff0c;否则看不到效果。具体如何添加&＃xff0c;请参考上面的代码示例。

效果图如下&＃xff1a;

下载代码示例

如果你想更改动作栏更多的东西&＃xff0c;请参考网站 Android Action Bar Style Generator&＃xff0c;这个网站可以帮你自动生成所需的资源&＃xff0c;非常方便&＃xff0c;你下载下来看看就了解怎么回事了。推荐使用360浏览器下载&＃xff0c;别的浏览器好像下载不下来。