专栏首页非著名程序员Attr、Style和Theme详解

Attr、Style和Theme详解

前言

这三个概念贯穿Android框架的方方面面,是Android程序设计中很重要的一环,理解它们,并能学以致用,不但可以让你的代码变得简洁明了,还可以让你的应用更加灵活。但目前网上资料对这块介绍的知识点往往比较散,不是很系统全面,在此特以自己开发经验总结此文一篇,希望可以帮助初学者把这三个概念彻底搞明白,开发出高质量的Android代码。

概念说明

Attr:属性,风格样式的最小单元;

Style:风格,它是一系列Attr的集合用以定义一个View的样式,比如height、width、padding等;

Theme:主题,它与Style作用一样,不同于Style作用于个一个单独View,而它是作用于Activity上或是整个应用。

Attr的定义

我们先举一个框架中的源码例子,用来介绍下Android中是如何定义一个Attr的,比如以下创建一个简单的TextView布局

其中layout_width对应到框架中的attr信息如下:

<declare-styleable name="ViewGroup_Layout">
    <attr name="layout_width" format="dimension">
        <enum name="fill_parent" value="-1" />
        <enum name="match_parent" value="-1" />
        <enum name="wrap_content" value="-2" />
    </attr>
    ...
</declare-styleable>

从上可以看到layout_width可以使用三个枚举值,并且其中fill_parent和match_parent的value值都为-1。做过Android开发的童鞋肯定知道,从2.2开始Android框架就推荐用match_parent代替fill_parent,而以上代码正实现了兼容,因为它们对应的值都为-1。

以上的textStyle的属性信息在源码中如下:

<attr name="textStyle">
    <flag name="normal" value="0" />
    <flag name="bold" value="1" />
    <flag name="italic" value="2" />
</attr>

它也对应了三个值,但这里却使用了flag标签。细心的童鞋可能已经明白了flag与enum的差别,flag表示这几个值可以做或运算,比如上面的textStyle,你可以叠加使用,如用bold|italic表示既加粗也变成斜体,而enum只能让你选择其中一个值。

看完上例后,我们来试着自己自定义一个自己的属性,在values目录下创建一个attrs.xml文件,在<resources>元素里面首先申明一个自己的<declare-styleable>表示一个属性组,再在里面加上属性就行。如下我们定义一个DogStyle的属性组,其中有三个属性一个是dogSex,一个是dogName,dogName的格式我们设置为string,最后一个是dogColor,这样一个属于我们自己的属性就定义成功了。

attr的format根据字面意思也挺容易理解的,这里我解释下reference的用法。它用在一些可以设置引用值的情况,比如@drawable/myImage@color/myColor等。当然format也可以进行或运算,一般我们定义color类型的属性时,也一般会把format写成format="reference|color",这样我们不但可以设置颜色值,如#FFFFFF,还可以使用我们自己定义的狗图片,如@drawable/dog_pic

TIPS:format即使用错,只要你自定义的View中获取对应类型值也是可以的,只是在布局中写代码时,IDE就不会根据你定义的format给出相应的提示了,所以最好在自定义View时还是仔细斟酌下类型。

Style的使用

如下我们在styles.xml中定义一个雪纳瑞风格

<style name="SchnauzerStyle">
    <item name="dogName">雪纳瑞</item>
    <item name="dogColor">@drawable/schnauzer</item>
    <item name="dogSex">boy</item>
</style>

下面我们看下如何让一个Style作用在一个View上的。 首先我们自定义了一个View命名为DogView,然后创建一个布局文件中加入该DogView视图,并让该View使用SchnauzerStyle风格。代码如下:

<cn.hadcn.test.DogView
    style="@style/SchnauzerStyle"
    android:layout_height="wrap_content"
    android:layout_width="wrap_content"/>

移步到DogView的Java代码中,我们可以通过theme的obtainStyledAttributes方法来获得我们刚刚定义的几个Attr属性在Style中的内容,如下我们举一个获得dogName的例子:

final Resources.Theme theme = context.getTheme();
TypedArray dogArray = theme.obtainStyledAttributes(attrs, R.styleable.DogStyle, defStyleAttr, defStyleRes);

String name = dogArray.getString(R.styleable.DogStyle_dogName);
Log.e("dog", "name = " + name);

dogArray.recycle();

以上obtainStyledAttributes有四个入参,前两个比较容易理解,后两个用作指定默认的Style,表示如果attrs中没有你想获得的属性,但如果你指定了默认Style,它会去从该默认的Style里面找你想要的属性。defStyleAttrdefStyleRes功能一样,指定的资源形式不同,前者表示一个默认的指向一个style风格的attr属性,而后者你可以直接传入一个style风格的id。注意以上定义的Style只能在这个DogView中被使用,如果你想在其他View使用,就需要再在需要使用的View中增加这个Style。这就是先前我们说的Style只能作用于一个View。

Theme的使用

Theme与Style使用同一个元素标签<style>,区别在于所包含的属性不同,并且使用的地方也不一样。Theme你需要设置到AndroidManifest.xml<application>或者<activity>标签下,设置后,被设置的Activity或整个应用下所有的View都可以使用该<style>里面的属性了。

比如在上例中,我们直接把SchnauzerStyle设置到<activity>标签中,并把布局文件中DogView元素的style="@style/SchnauzerStyle"栏位删除,以此来测试下,这个Activity下的所有View是不是可以直接使用theme中声明的这些属性。

<activity
    android:name=".MainActivity"
    android:theme="@style/SchnauzerStyle">
    ...

以上理论上是可行的,不过运行后,程序却出现奔溃,出现以下错误提示:

java.lang.IllegalStateException: You need to use a Theme.AppCompat theme (or descendant) with this activity.

有些同学一眼可能就看出,因为在这里Activity或Application的需要很多属性才能工作的,而此处我们只给它传一个SchnauzerStyle,这当然不行,所以我们需要对这个Style做下处理,让SchnauzerStyle继承一个系统主题,如下:

<style name="SchnauzerStyle" parent="Theme.AppCompat">
    <item name="dogName">雪纳瑞</item>
    <item name="dogColor">@drawable/schnauzer</item>
    <item name="dogSex">boy</item>
</style>

这样一个雪纳瑞主题就诞生了,而在这个Activity下的所有View都可以用雪纳瑞的信息了。Application中定义theme的原理一样,这里就不多说了。

TIPS:框架使用Attr的顺序是:View中的Style会优先于Activity中的Theme,Activity中的Theme会优先于Application中的Theme,所以说你可以定义整个应用的总体风格,但局部风格你也可以做出自己的调整。

Attr的获得方法

有些情况下,我们可能需要使用theme中的属性值,比如下面我们想让一个TextView直接显示dogName这个属性的内容,并且使用系统字体的颜色,则可以如下做:

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:textColor="?android:textColorSecondary"
    android:text="?attr/dogName"/>

获得一个Attr的方法,不同于普通资源使用@符号获得的方式,而是需要使用?符号来获得属性,整体的表达方式如下:

?[*<package_name>*:][*<resource_type>*/]*<resource_name>*

如果是本应用中的attr使用,则可以省去<package_name>部分。

此处的textColor使用当前主题的android:textColorSecondary属性内容。因为资源工具知道此处是一个属性,所以省去了attr (完整写法:?android:attr/textColorSecondary)。

总结

我刚开始学Android的时候,也总对这三个概念很迷惑,不知道什么是属性,什么是风格,什么是主题,它们之间又有什么关系?它们在Android框架中又充当什么角色?又如何自己去定义?但随着学习的深入,越发觉得这三块内容真是Android框架的一大神器,有时你不用改动代码,只要换一个theme,应用马上焕发青春。而且也尝试用所学内容去写自己的theme,不但可以让自己的布局文件更加清晰明了,而且还让自己的代码具有更高的扩展性,真是好处多多,希望对这块还不了解的童鞋多多研习。

本文分享自微信公众号 - 非著名程序员(non-famous-coder),作者:彭涛

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2016-05-31

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 一个优秀的Android应用从建项目开始

    1.项目结构 现在的MVP模式越来越流行。就默认采用了。 如果项目比较小的话: app——Application Activity Fragment Prese...

    非著名程序员
  • 基础篇章:React Native之 ScrollView 的讲解

    (友情提示:RN学习,从最基础的开始,大家不要嫌弃太基础,会的同学请自行略过,希望不要耽误已经会的同学的宝贵时间) 编者按:其实我并不太喜欢在周末发公众号,毕竟...

    非著名程序员
  • 教你步步为营掌握自定义 View

    国内自定义View的文章汗牛充栋,但是,即使你全部看完它们也未必能掌握这一知识点(实际上,我就几乎看完了所有的国内文章)。为什么?一言以蔽之,你是得其术不明其道...

    非著名程序员
  • vue入门003~vue项目引入element并创建一个登录页面

    首先我们进入element官网:https://element.eleme.cn/#/zh-CN/component/installation 简单熟悉下ele...

    编程小石头
  • 专访冯志伟:NLP 研究尚处于初级阶段,未来将属于年轻一辈

    计算语言学是一门结合计算机和语言学的交叉领域。在这一领域,有这样一位极为罕见的文理兼通、跨学科的研究型专家。他既懂得理科中的数学、物理、化学和计算机科学,又懂得...

    AI科技评论
  • 在Java 8下更好地利用枚举

    在我们的云使用分析API中,返回了格式化过的分析数据(这里指生成分析图)。最近,我们添加了一个特性,允许用户选择时间段(最开始只可以按天选择)。问题是,代码中每...

    哲洛不闹
  • 高血压药物简介

    ‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍在这一期的内容中,我将和大家简单介绍高血压的常用药物。

    生信与临床
  • (1)分子生物学专业名词

    1、细胞周期蛋白:在细胞周期的后期逐渐合成、至周期的中间阶段突然消失的周期性存在蛋白,成为细胞周期蛋白。细胞周期蛋白可分为3类:S期周期蛋白,M期周期蛋白,G1...

    生信real
  • 带你走进飞思卡尔Flashloader(3)

    学习完协议篇,今天我们来学习飞思卡尔Flashloader之命令API。 获取属性命令 获取属性命令用来查询Flashloader的各种属性和设置,每一个支...

    用户1605515
  • 全程剖析Western blot原理,你才能掌控它

    最近,有人在后台私信小编,说他(她)的朋友最近被WB烦的不行,希望能够出几期实验相关教程,解答他们在WB中遇到的难题。

    百味科研芝士

扫码关注云+社区

领取腾讯云代金券