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

关注

原创最新推荐文章于 2026-05-23 16:05:20 发布 574 阅读 AI 写同款· GEO 优化 ›

Android Style & Theme简略总结 ##.Style: style是一个特定样式view的属性的集合。一个style可以定义比如字体颜色尺寸背景等等特定属性。 ##.Theme: Theme 是一种应用于整个application，activity或指定Window整个继承结构的样式，而不仅仅是用于单个view。当你将style应用为Theme时，application或activity中的每一个view 都会应用它支持的每个style的属性。Theme还可以将style应用于非视图元素，例如stat... 阅读详情

@[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>

    <!-- Base application theme.设定我们的基础theme -->
    <style name="AppTheme" parent="@style/Theme.AppCompat.Light.NoActionBar">
        <!--
         此处定义大于minSdk的所有android版本可以适用Theme
        方便可以只需要写一份，统一管控
         -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>

    <style name="EhiAppTheme" parent="AppTheme">
    <!--
        此处，继承appTheme定义不同sdk版本下添加的新Theme特性，添加到不同的value下面的style中,管控不同版本下的特性
    -->
        <!--重写style的默认样式-->
        <item name="buttonStyle">@style/ehiButton</item>
        <item name="android:checkboxStyle">@style/ehiCheckBox</item>
        
    </style>
     <!-- 部分代码忽略 -->
    <style name="ehiButton" parent="@style/Base.Widget.AppCompat.Button">
        <item name="android:background">@color/colorAccent</item>
        <item name="android:textColor">@color/white</item>
        <item name="android:textAppearance">@style/Base.TextAppearance.AppCompat.Small</item>
    </style>
    <style name="ehiCheckBox" parent="@style/Base.Widget.AppCompat.CompoundButton.CheckBox">
        <item name="android:background">@color/colorPrimaryDark</item>
        <item name="android:textColor">@color/white</item>
        <item name="android:textAppearance">@style/Base.TextAppearance.AppCompat.Display1</item>
        <item name="android:checked">true</item>
    </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"><!--引用定义的style-->
      
      <!--部分代码省略-->
    </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>