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

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

一个常见问题

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

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

在安卓中，你可以将一些资源文件放到特定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呢。

• 另一个方案是，在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>

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