聊聊安卓开发中主题样式的一种组织架构

在现阶段的安卓开发中,有着大量高级的开发组织架构,例如MVP,MVVM或者Clean Architecture,还有些疯狂点的例如RxJava或者Dagger,甚至还有新语言出现,比如Kotlin。
但是在大多数项目中,主题和样式仍然是使用了最老式的方法,并没有考虑其组织结构。但是这些xml文件也是项目代码的一部分,所以展示它们也应该像展示我们喜欢的Java代码一样。

一个常见问题

在一个新项目里,AS只会生成一个sytle.xml文件,里面有个初期的AppTheme的实现。当你的项目慢慢变大,AppTheme也将会变大,里面将会放着很多你的主题/样式属性。

但是,在你项目的某些点上,你可能需要添加一些API级别的特殊样式属性。例如,你的app的minSdk=16,但是你想要一个API19级别属性,这时你不能直接放到AppTheme 中了,否则xml文件将会报错。见图

图1.png

在安卓中,你可以将一些资源文件放到特定API级别的文件夹中。例如,你可以创建一个 res/values-v19/文件夹,并且你可以向里面放入一个style.xml文件,当项目运行在一个API19甚至更高级别的设备上时,本文件具有更高的优先级。由此,为引入API 19级别的新属性,你有了2个简单方式。

  • .将res/values/styles.xml中的AppTheme 复制到-v19的style文件中,然后向新文件中添加新属性。此时,-v19 将会只应用在API 19级别以及更高的设备。但是,请不要这么做,因为同时维持这两个文件将会是个大麻烦,因为,一旦你想向base theme添加新属性时,你不得不拷贝一份放到-v19 主题中。这才一个19呢,若是再考虑-v21,-v23呢。
图2.png
  • 另一个方案是,在res/values/styles.xml中创建一个BaseAppTheme ,里面列出所有的非指定性属性。在同一个文件中,让AppTheme 继承BaseAppTheme。在 -v19 version中,也这么操作。然后再向AppTheme中添加对于API级别的新属性。当以后需要添加通用属性时,可以只改变BaseAppTheme ,而不用考虑别的文件。

values/styles.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <!-- Base application theme. -->
    <style name="BaseAppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
        <item name="android:windowBackground">@color/windowBackground</item>
    </style>
    <style name="AppTheme" parent="BaseAppTheme"/>
</resources>

values-v19/styles.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="AppTheme" parent="BaseAppTheme">
        <item name="android:windowTranslucentStatus">true</item>
    </style>
</resources>

更多的API级别

现在,你需要使用一个只有API 21级别的新属性。你需要创建一个 res/values-v21/ folder,然后在里面创建一个style.xml文件。你创建AppTheme 继承BaseAppTheme,然后将新属性添加到这个文件中。

values-v21/styles.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="AppTheme" parent="BaseAppTheme">
        <item name="android:windowSharedElementEnterTransition">@android:animator/fade_in</item>
    </style>
</resources>

当app运行到安卓4.4设备时,状态栏透明。而5.0以上设备时,状态栏不再是透明的,也就是说,此时的AppTheme 在两个API级别下独立运作。

引入主题继承链

为修复上述问题,我们重新写下我们所有的主题。在res/values/styles.xml中,创建一个具有通用属性的Base.V0.AppTheme,该主题继承AppCompat主题。在同一个文件中,再创建个AppTheme 继承于Base.V0.AppTheme。

values/styles.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="AppTheme" parent="Base.V0.AppTheme"/>

    <style name="Base.V0.AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- Generic, non-specific attributes -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
        <item name="android:windowBackground">@color/windowBackground</item>
    </style>
</resources>

在res/values-v19/styles.xml里,创建一个 Base.V19.AppTheme,然后将API 19的特殊属性放进去,该主题的父主题是Base.V0.AppTheme。在该文件中,创建AppTheme 继承于Base.V19.AppTheme。

values-v19/styles.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="AppTheme" parent="Base.V19.AppTheme"/>
    
    <style name="Base.V19.AppTheme" parent="Base.V0.AppTheme">
        <!-- API 19 specific attributes -->
        <item name="android:windowTranslucentStatus">true</item>
    </style>
</resources>

在res/values-v21/styles.xml中,创建Base.V21.AppTheme,然后将API 21的特殊属性放进去,该主题的父主题是 Base.V19.AppTheme。在该文件中,创建AppTheme 继承于Base.V21.AppTheme。
values-v21/styles.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="AppTheme" parent="Base.V21.AppTheme"/>
    
    <style name="Base.V21.AppTheme" parent="Base.V19.AppTheme">
        <!-- API 21 specific attributes -->
        <item name="android:windowSharedElementEnterTransition">@android:animator/fade_in</item>
    </style>
</resources>

在这个主题架构中,对于每一个API级别,AppTheme将会具有所有API级别的属性,并且它很容易扩展,方便以后添加一些新的API级别特定属性。这也可以应用到styles中,因为这不仅对于API级别特定属性有效,同时对于重写values值也适用。下面举个完整的例子,例子中有个View将会同时考虑手机和平板以及API级别21以上。

values/styles.xml
提供默认的手机属性

<?xml version="1.0" encoding="utf-8"?>
<resources> 
<style name="Style.MainContent" parent="Base.Style.MainContent" /> 
<style name="Base.Style.MainContent" parent="Base.SW.Style.MainContent" />
<style name="Base.SW.Style.MainContent" parent="Base.SW0.Style.MainContent" /> 
<style name="Base.SW0.Style.MainContent" parent="Base.ApiLevel.Style.MainContent"> 
        <item name="android:layout_width">match_parent</item>
         <item name="android:layout_margin">8dp</item> 
</style> 
<style name="Base.ApiLevel.Style.MainContent" parent="Base.V0.Style.MainContent" /> 
<style name="Base.V0.Style.MainContent" parent=""> 
<item name="android:background">#FFFFFF</item> 
</style>
</resources>

values-v21/styles.xml
提供API 21+属性

<?xml version="1.0" encoding="utf-8"?>
<resources> 
<style name="Base.ApiLevel.Style.MainContent" parent="Base.V21.Style.MainContent" />
 <style name="Base.V21.Style.MainContent" parent="Base.V0.Style.MainContent">
         <item name="android:elevation">4dp</item> 
</style>
</resources>

values-sw600dp/styles.xml
提供平板属性

<?xml version="1.0" encoding="utf-8"?>
<resources> 
<style name="Base.SW.Style.MainContent" parent="Base.SW600.Style.MainContent" />
<style name="Base.SW600.Style.MainContent" parent="Base.SW0.Style.MainContent"> 
<item name="android:layout_width">480dp</item>
<item name="android:layout_margin">0dp</item> 
<item name="android:layout_gravity">center_horizontal</item>
 </style>
</resources>

上述例子,每一个属性将只会写一次,很容易维护,并且也很容易扩展。
以上就是本文展示的一个定义和组织 主题和样式的一种方式,希望对大家有帮助。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,390评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,821评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,632评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,170评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,033评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,098评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,511评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,204评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,479评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,572评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,341评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,213评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,576评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,893评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,171评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,486评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,676评论 2 335

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,497评论 18 139
  • Android Themes & styles, a real architecture(译) 在当前的andro...
    Henryhaoson阅读 1,168评论 0 3
  • 1.概述 本篇就为各位介绍 – toolbar,这是用来取代过去 actionbar 的控件,而现在于 mater...
    一叶枫飘阅读 992评论 0 1
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,050评论 25 707
  • 自己的好几个微信都开通了公众平台,由于近期小程序呼声那么高,心血来潮也想搞一搞,才发现,申请时候需要注册,个人的还...
    小学生的博客阅读 355评论 0 0