schnauzer.jpg

前言

這三個(gè)概念貫穿Android框架的方方面面，是Android程序設(shè)計(jì)中很重要的一環(huán)挨摸，理解它們孩革，并能學(xué)以致用，不但可以讓你的代碼變得簡(jiǎn)潔明了得运，還可以讓你的應(yīng)用更加靈活膝蜈。但目前網(wǎng)上資料對(duì)這塊介紹的知識(shí)點(diǎn)往往比較散，不是很系統(tǒng)全面熔掺，在此特以自己開發(fā)經(jīng)驗(yàn)總結(jié)此文一篇饱搏，希望可以幫助初學(xué)者把這三個(gè)概念徹底搞明白，開發(fā)出高質(zhì)量的Android代碼置逻。

概念說(shuō)明

Attr：屬性推沸，風(fēng)格樣式的最小單元；

Style：風(fēng)格券坞，它是一系列Attr的集合用以定義一個(gè)View的樣式鬓催，比如height、width恨锚、padding等宇驾；

Theme：主題，它與Style作用一樣眠冈，不同于Style作用于個(gè)一個(gè)單獨(dú)View飞苇，而它是作用于Activity上或是整個(gè)應(yīng)用。

Attr的定義

我們先舉一個(gè)框架中的源碼例子蜗顽，用來(lái)介紹下Android中是如何定義一個(gè)Attr的布卡，比如以下創(chuàng)建一個(gè)簡(jiǎn)單的TextView布局

TextView

<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可以使用三個(gè)枚舉值，并且其中fill_parent和match_parent的value值都為-1雇盖。做過(guò)Android開發(fā)的童鞋肯定知道忿等，從2.2開始Android框架就推薦用match_parent代替fill_parent，而以上代碼正實(shí)現(xiàn)了兼容崔挖，因?yàn)樗鼈儗?duì)應(yīng)的值都為-1贸街。

以上的textStyle的屬性信息在源碼中如下：

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

它也對(duì)應(yīng)了三個(gè)值，但這里卻使用了flag標(biāo)簽狸相。細(xì)心的童鞋可能已經(jīng)明白了flag與enum的差別薛匪，flag表示這幾個(gè)值可以做或運(yùn)算，比如上面的textStyle脓鹃，你可以疊加使用逸尖，如用bold|italic表示既加粗也變成斜體，而enum只能讓你選擇其中一個(gè)值。

看完上例后娇跟，我們來(lái)試著自己自定義一個(gè)自己的屬性岩齿，在values目錄下創(chuàng)建一個(gè)attrs.xml文件，在<resources>元素里面首先申明一個(gè)自己的<declare-styleable>表示一個(gè)屬性組苞俘，再在里面加上屬性就行盹沈。如下我們定義一個(gè)DogStyle的屬性組，其中有三個(gè)屬性一個(gè)是dogSex吃谣，一個(gè)是dogName乞封，dogName的格式我們?cè)O(shè)置為string，最后一個(gè)是dogColor基协，這樣一個(gè)屬于我們自己的屬性就定義成功了歌亲。

DogStyle

attr的format根據(jù)字面意思也挺容易理解的，這里我解釋下reference的用法澜驮。它用在一些可以設(shè)置引用值的情況陷揪，比如@drawable/myImage、@color/myColor等杂穷。當(dāng)然format也可以進(jìn)行或運(yùn)算悍缠，一般我們定義color類型的屬性時(shí)，也一般會(huì)把format寫成format="reference|color"耐量，這樣我們不但可以設(shè)置顏色值飞蚓，如#FFFFFF，還可以使用我們自己定義的狗圖片廊蜒，如@drawable/dog_pic趴拧。

TIPS：format即使用錯(cuò)，只要你自定義的View中獲取對(duì)應(yīng)類型值也是可以的山叮，只是在布局中寫代碼時(shí)著榴，IDE就不會(huì)根據(jù)你定義的format給出相應(yīng)的提示了，所以最好在自定義View時(shí)還是仔細(xì)斟酌下類型屁倔。

Style的使用

如下我們?cè)?code>styles.xml中定義一個(gè)雪納瑞風(fēng)格

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

下面我們看下如何讓一個(gè)Style作用在一個(gè)View上的脑又。
首先我們自定義了一個(gè)View命名為DogView，然后創(chuàng)建一個(gè)布局文件中加入該DogView視圖锐借，并讓該View使用SchnauzerStyle風(fēng)格问麸。代碼如下：

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

移步到DogView的Java代碼中，我們可以通過(guò)theme的obtainStyledAttributes方法來(lái)獲得我們剛剛定義的幾個(gè)Attr屬性在Style中的內(nèi)容钞翔，如下我們舉一個(gè)獲得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有四個(gè)入?yún)⒀下簦皟蓚€(gè)比較容易理解，后兩個(gè)用作指定默認(rèn)的Style布轿，表示如果attrs中沒有你想獲得的屬性哮笆，但如果你指定了默認(rèn)Style俺亮，它會(huì)去從該默認(rèn)的Style里面找你想要的屬性。defStyleAttr和defStyleRes功能一樣疟呐，指定的資源形式不同，前者表示一個(gè)默認(rèn)的指向一個(gè)style風(fēng)格的attr屬性东且，而后者你可以直接傳入一個(gè)style風(fēng)格的id启具。注意以上定義的Style只能在這個(gè)DogView中被使用，如果你想在其他View使用珊泳，就需要再在需要使用的View中增加這個(gè)Style鲁冯。這就是先前我們說(shuō)的Style只能作用于一個(gè)View。

Theme的使用

Theme與Style使用同一個(gè)元素標(biāo)簽<style>色查，區(qū)別在于所包含的屬性不同薯演，并且使用的地方也不一樣。Theme你需要設(shè)置到AndroidManifest.xml的<application>或者<activity>標(biāo)簽下秧了，設(shè)置后跨扮，被設(shè)置的Activity或整個(gè)應(yīng)用下所有的View都可以使用該<style>里面的屬性了。

比如在上例中验毡，我們直接把SchnauzerStyle設(shè)置到<activity>標(biāo)簽中衡创，并把布局文件中DogView元素的style="@style/SchnauzerStyle"欄位刪除，以此來(lái)測(cè)試下晶通，這個(gè)Activity下的所有View是不是可以直接使用theme中聲明的這些屬性璃氢。

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

以上理論上是可行的，不過(guò)運(yùn)行后狮辽，程序卻出現(xiàn)奔潰一也，出現(xiàn)以下錯(cuò)誤提示：

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

有些同學(xué)一眼可能就看出，因?yàn)樵谶@里Activity或Application的需要很多屬性才能工作的喉脖，而此處我們只給它傳一個(gè)SchnauzerStyle椰苟，這當(dāng)然不行，所以我們需要對(duì)這個(gè)Style做下處理动看，讓SchnauzerStyle繼承一個(gè)系統(tǒng)主題尊剔，如下：

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

這樣一個(gè)雪納瑞主題就誕生了，而在這個(gè)Activity下的所有View都可以用雪納瑞的信息了菱皆。Application中定義theme的原理一樣须误，這里就不多說(shuō)了。

TIPS：框架使用Attr的順序是：View中的Style會(huì)優(yōu)先于Activity中的Theme仇轻，Activity中的Theme會(huì)優(yōu)先于Application中的Theme京痢，所以說(shuō)你可以定義整個(gè)應(yīng)用的總體風(fēng)格，但局部風(fēng)格你也可以做出自己的調(diào)整篷店。

Attr的獲得方法

有些情況下祭椰，我們可能需要使用theme中的屬性值臭家，比如下面我們想讓一個(gè)TextView直接顯示dogName這個(gè)屬性的內(nèi)容，并且使用系統(tǒng)字體的顏色方淤，則可以如下做：

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

獲得一個(gè)Attr的方法钉赁，不同于普通資源使用@符號(hào)獲得的方式，而是需要使用?符號(hào)來(lái)獲得屬性携茂，整體的表達(dá)方式如下：

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

如果是本應(yīng)用中的attr使用你踩，則可以省去<package_name>部分。

此處的textColor使用當(dāng)前主題的android:textColorSecondary屬性內(nèi)容讳苦。因?yàn)橘Y源工具知道此處是一個(gè)屬性带膜，所以省去了attr （完整寫法：?android:attr/textColorSecondary）。

總結(jié)

我剛開始學(xué)Android的時(shí)候鸳谜，也總對(duì)這三個(gè)概念很迷惑膝藕，不知道什么是屬性，什么是風(fēng)格咐扭，什么是主題芭挽，它們之間又有什么關(guān)系？它們?cè)贏ndroid框架中又充當(dāng)什么角色蝗肪？又如何自己去定義览绿？但隨著學(xué)習(xí)的深入，越發(fā)覺得這三塊內(nèi)容真是Android框架的一大神器穗慕，有時(shí)你不用改動(dòng)代碼饿敲，只要換一個(gè)theme，應(yīng)用馬上煥發(fā)青春逛绵。而且也嘗試用所學(xué)內(nèi)容去寫自己的theme怀各，不但可以讓自己的布局文件更加清晰明了，而且還讓自己的代碼具有更高的擴(kuò)展性术浪，真是好處多多瓢对，希望對(duì)這塊還不了解的童鞋多多研習(xí)。

作者簡(jiǎn)介
彭濤(@彭濤me) 致力于讓技術(shù)變得易懂且有趣
個(gè)人博客：http://pengtao.me, GitHub地址：https://github.com/CPPAlien