[ActionBar]–自定义ActionBar-Part1(Styling the ActionBar–Part 1)

作者:admin 时间:2013-10-08 分类:Android 评论:评论已关闭 浏览:4310

文章原出处:http://blog.stylingandroid.com/archives/1240
引用或转载请注明出处,版权归原作者!
本文只作翻译,引用翻译请注明Orzapp

我们在学习AndroidActionBar样式的时候,它并没有完整的说明如何定义我们自己想要的样式,要知道,它看起来非常的简单但是想弄得好就难。其中最主要的原因就在于,官方没有对此作出详细说明,因为学习它需要学习很多的Android源码,才能完全进行自定义ActionBar.

在我们开始之前,有几大资源值得一提。第一个是谷歌开发者提倡Nick Butcher的优秀文章的Customising the ActionBar。Nick在他的文章阐述了如何定义ActionBar,他写的那个系列非常好,但有一些区域却没有谈及。

第二个资源值得一提的是杰夫Gilfelt ActionBar样式生成器。这是一个在线工具,它可以帮助你生成一些样式和手机样式图案供你选择。这款工具是基于罗马Nurick的Android 资源工作室开发的。

在本系列教程里,我用Jeff的工具生成了这些图片资源,为了在这个教程里更好的解释这些,我手动生成了这些样式。
为了更进一步的了解如何在ActionBar里应用样式,我们直接使用了ActionBar和ActionMode的代码来尝试应用这种配色方案,值得指出的是,我会坚持使用系统标准的灰色方案,通过它来改变。对于覆盖来改变这一切,我会使用一个较为花哨的配色方案,这是为了看到更多各种样式属性是如何影响ActionBar。下面的配置,是我用Jeff的工具生成的,接下来我们将用到
img
我使用的颜色值:
Action bar color: #14a804
Stacked color: #118504
Popup color: #14a804
Accent color: #97e08f
我选择使用白色文本,因为它与Android的绿色[#14A804]产生更好的对比,为了实现这一目标,我们可能需要使用黑暗主题(字体将会以白色出现)。通常在一个应用里,我们都会使用ActionBar的黑暗主题,而相应的采用白色文字主题来搭配。让我们来回顾在基本样式里创建的那个主题。它在/res/values/styles.xml

<resources>
<style name=”AppTheme”
parent=”android:Theme.Holo.Light.DarkActionBar” />
</resources>

如果我们运行这个,我们可以看到一个如下图的一个样式
img
在下一章节,我们将会看到我们如何把一些基本颜色应用到ActionBar,然后把之前生成的图片设置到里边。
这章节的源代码在这里

相关推荐

评论已关闭。