Android style & Theme 再探析(一)——你真的懂Style和Theme吗?

@[TOC](Android style & Theme 再探析(一)——你真的懂Style和Theme吗?)

Style 和 Theme 在初学Android都是被各种视频一笔带过，对其理解就是style可以类似html的css 可以继承，可以各种地方直接引用做到直接管控，而theme更是一笔带过，然而当我学到了一个android 国外的style 和 Theme课程才发现，一切并非如此…

Android Theme目前的应用情况

一般情况下，我了解到的和平常搜索到的应用场景，一般情况都以处理window的标题栏和背景透明一类的内容，但我经过学习探究后才发现，我们对于这类的基础知识过于的不重视，其实Theme配合style可以做到很好的管控我们UI，做到皮肤切换，日夜间模式

Android Theme配合Style解决的问题 (WHY)

将默认的view样式修改为指定样式的样板代码，耗费时间却没有任何的技术含量，以前也会尝试使用style或者自定义组件去解决这样的问题，但这并不是最恰当的实现，后问笔者会阐述使用这种方式遇到的问题
在笔者公司UI资源紧张的情况，无法为所有app提供样式设计；内部应用直接由开发自己处理UI样式，导致app样式都比较混乱
在以前笔者没有重视style和Theme的配合使用，单单使用style管控UI元素，在app想实现日间模式，夜间模式，切换皮肤等功能，变的异常困难。

Android Theme 和 Style (WHAT)

首先，我们来重新看一下官方定义的概念：

style官方原文：

A style is a collection of attributes that specify the appearance for a single View. A style can specify attributes such as font color, font size, background color, and much more.

笔者渣翻译：

style 是一个特定样式view的属性的集合。一个style可以定义比如字体颜色尺寸背景等等特定属性

Theme官方原文

A theme is a type of style that’s applied to an entire app, activity, or view hierarchy, not just an individual view. When you apply your style as a theme, every view in the app or activity applies each style attribute that it supports. Themes can also apply styles to non-view elements, such as the status bar and window background.

笔者渣翻译：

Theme 是一种应用于整个application，activity或view 整个继承结构的样式，而不仅仅是用于单个view。当你将style应用为Theme时，application或activity中的每一个view 都会应用它支持的每个style的属性。Theme还可以将style应用于非视图元素，例如status bar 和背景。

而我认为也是被很多人忽略的一个非常强大功能 —— 拓展并且自定义样式
官方原文：

When creating your own styles, you should always extend an existing style from the framework or support library so that you maintain compatibility with platform UI styles. To extend a style, specify the style you want to extend with the parent attribute. You can then override the inherited style attributes and add new ones.

即我们可以在theme中，直接定义我们所有view组件的默认样式，这对于我们的控件的样式提供了巨大的便利，且无需像style的定义那样，需要我们去书写备注，或者文档去说明去方便他人在多人开发中使用

实际使用展示（HOW）

针对app的Theme重写

<resources>        <style name="AppTheme" parent="@style/Theme.AppCompat.Light.NoActionBar">                "colorPrimary">@color/colorPrimary        "colorPrimaryDark">@color/colorPrimaryDark        "colorAccent">@color/colorAccent    style>    <style name="EhiAppTheme" parent="AppTheme">                    "buttonStyle">@style/ehiButton        "android:checkboxStyle">@style/ehiCheckBox            style>         <style name="ehiButton" parent="@style/Base.Widget.AppCompat.Button">        "android:background">@color/colorAccent        "android:textColor">@color/white        "android:textAppearance">@style/Base.TextAppearance.AppCompat.Small    style>    <style name="ehiCheckBox" parent="@style/Base.Widget.AppCompat.CompoundButton.CheckBox">        "android:background">@color/colorPrimaryDark        "android:textColor">@color/white        "android:textAppearance">@style/Base.TextAppearance.AppCompat.Display1        "android:checked">true    style>   resources>

使用该Theme

  <application        android:allowBackup="true"        android:icon="@mipmap/ic_launcher"        android:label="@string/app_name"        android:roundIcon="@mipmap/ic_launcher_round"        android:supportsRtl="true"        android:theme="@style/EhiAppTheme">                application>

此时当我们再次编辑我们的layout文件时：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical"    tools:context=".MDActivity">    <Button        android:id="@+id/btn"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:text="测试按钮" />    <CheckBox        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:text="测试复选框" />    <RadioGroup        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:orientation="horizontal">        <RadioButton            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="测试1" />        <RadioButton            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="测试1" />    RadioGroup>LinearLayout>

使用效果展示

Android style & Theme 再探析(一)——你真的懂Style和Theme吗?_第1张图片
可以看的出我们的布局文件只填写了，最基本的宽高和文本信息，还没有引入任何的style，便直接可以呈现此时一个默认的状态，减少了样板代码的同时，在多人开发中，其他人无需关心按钮的你是否定义过相关样式，也无需自己再重新定义，因为Theme使得许多view的样式变成了“所见即所得”状态！

再回到刚才提出的问题：

1.将默认的view样式修改为指定样式的样板代码，耗费时间却没有任何的技术含量…

此时，第一个问题已经，直接在用法示例中得到回答。

2.在笔者公司UI资源紧张的情况，无法为所有app提供样式设计…

在有了第一个基础上，我们就可以定义一套基础组件的样式皮肤，用于没有UI的android的项目，这对于我们的个人开发项目同样是一个福利，可以直接仿制或者引用他人的一套theme

3.在以前笔者没有重视style和Theme的配合使用，单单使用style管控UI元素，在app想实现日间模式，夜间模式，切换皮肤等功能，变的异常困难。

这个只需要在前面的基础上，添加多套Theme利用java代码进行切换即可！

专题系列：
Android style & Theme 再探析(一)—— 你真的懂Style和Theme吗？
Android style & Theme 再探析(二) —— 一统View规范的大杀器——material design
Android style & Theme 再探析(三) —— 定制Theme示例和日夜间模式踩坑大汇总
Android style & Theme 再探析(四)——业务实践心得总结
博主博客：
http://www.whdreamblog.cn/

Android Theme目前的应用情况

Android Theme配合Style解决的问题 (WHY)

Android Theme 和 Style (WHAT)

实际使用展示（HOW）

更多相关文章

随机推荐