淺談Android主題樣式

文章末尾有附帶例子的源碼鏈接, 感興趣的可以下載源碼研究, 味道更佳.

在講Android主題之前, 讓我們先回顧一下Android中自定義View的實(shí)現(xiàn)方法.

自定義View

完全自定義View實(shí)現(xiàn)自定義控件

自定義View、ViewGroup或者SurfaceView：

• 自定義View：主要重寫(xiě)onDraw（繪制）方法。自定義View實(shí)現(xiàn)例子

• 自定義ViewGroup：主要重寫(xiě)：onMeasure（測(cè)量）、onLayout（布局）這兩個(gè)方法。自定義ViewGroup實(shí)現(xiàn)例子

• 自定義SurfaceView：創(chuàng)建RenderThread，然后調(diào)用SurfaceHolder的.lockCanvas方法獲取畫(huà)布，再調(diào)用SurfaceHolder的.unlockCanvasAndPost方法將繪制的畫(huà)布投射到屏幕上。


class?CustomSurfaceView?@JvmOverloads?constructor(
????context:?Context,
????attrs:?AttributeSet??=?null,
)?:?SurfaceView(context,?attrs),?SurfaceHolder.Callback?{

????private?var?mSurfaceHolder:?SurfaceHolder?=?holder
????private?lateinit?var?mRenderThread:?RenderThread
????private?var?mIsDrawing?=?false
????
????override?fun?surfaceChanged(holder:?SurfaceHolder,?format:?Int,?width:?Int,?height:?Int)?{}
????override?fun?surfaceCreated(holder:?SurfaceHolder)?{
????????//?開(kāi)啟RenderThread
????????mIsDrawing?=?true
????????mRenderThread?=?RenderThread()
????????mRenderThread.start()
????}

????override?fun?surfaceDestroyed(holder:?SurfaceHolder)?{
????????//?銷(xiāo)毀RenderThread
????????mIsDrawing?=?false
????????mRenderThread.interrupt()
????}

????/**
?????*?繪制界面的線(xiàn)程
?????*/
????private?inner?class?RenderThread?:?Thread()?{

????????override?fun?run()?{
????????????//?不停繪制界面
????????????while?(mIsDrawing)?{
????????????????drawUI()
????????????????try?{
????????????????????sleep(...)?//?刷新間隔
????????????????}?catch?(_:?InterruptedException)?{
????????????????}
????????????}
????????}
????}

????/**
?????*?界面繪制
?????*/
????private?fun?drawUI()?{
????????val?canvas?=?mSurfaceHolder.lockCanvas()
????????try?{
????????????drawCanvas(canvas)
????????}?catch?(e:?Exception)?{
????????????e.printStackTrace()
????????}?finally?{
????????????mSurfaceHolder.unlockCanvasAndPost(canvas)
????????}
????}
}


自定義SurfaceView實(shí)現(xiàn)例子

繼承組件的方式實(shí)現(xiàn)自定義控件

最簡(jiǎn)單的自定義組件的方式，直接繼承需要拓展/修改的控件，重寫(xiě)對(duì)應(yīng)的方法即可。

一般是希望在原有系統(tǒng)控件基礎(chǔ)上做一些修飾性的修改（功能增強(qiáng)），而不會(huì)做大幅度的改動(dòng)。

繼承組件實(shí)現(xiàn)例子

組合的方式實(shí)現(xiàn)自定義控件

組合控件就是將多個(gè)控件組合成一個(gè)新的控件，可以重復(fù)使用。

實(shí)現(xiàn)組合控件的一般步驟如下：

• 編寫(xiě)布局文件

• 實(shí)現(xiàn)構(gòu)造方法

• 初始化UI，加載布局

• 對(duì)外提供修改的接口api

可以看到，組合的方式和我們平時(shí)寫(xiě)一個(gè)Fragment的流程是很類(lèi)似的。

組合組件實(shí)現(xiàn)例子

Theme主題

應(yīng)用于窗體級(jí)別，是一整套樣式的組合，采取就近原則：Application > Activity > ViewGroup > View。 一般而言，Theme主要應(yīng)用于Application和Activity這樣的窗體，主要放在/res/values/themes.xml。

<resources>
????<style?name="AppTheme"?parent="Theme.AppCompat.Light.NoActionBar">
????????<item?name="colorPrimary">@color/colorPrimary</item>
????????<item?name="colorPrimaryDark">@color/colorPrimaryDark</item>
????????<item?name="colorAccent">@color/colorAccent</item>
????</style>
</resources>


Application中的Theme

Application的主題一般在Manifest中，它只對(duì)在Manifest中未設(shè)置Theme的Activity生效。

<application?android:theme="@style/AppTheme">

</application>


Activity中的Theme

Activity的主題可以在Manifest和代碼中調(diào)用setTheme設(shè)置。一般在Activity的onCreate()中，setContentView方法之前設(shè)置。

1.在Manifest中設(shè)置。

<activity?android:theme="@style/DialogTheme">

</activity>


2.代碼中調(diào)用setTheme設(shè)置，注意一定要在調(diào)用setContentView(View)和inflate(int, ViewGroup)方法前。

override?fun?onCreate(savedInstanceState:?Bundle?)?{
????super.onCreate(savedInstanceState)
????setTheme(R.style.AppTheme)
????setContentView(R.layout.layout_main)
}


ViewGroup和View中的Theme

ViewGroup和View的主題一般在布局xml中設(shè)置，使用android:theme設(shè)置。

<ViewGroup?
????android:theme="@style/ThemeOverlay.App.Foo">
????
????<Button?android:theme="@style/ThemeOverlay.App.Bar"?/>
????
</ViewGroup>


Style樣式

僅應(yīng)用于單個(gè)View這種窗體元素級(jí)別的外觀(guān)，主要放在/res/values/styles.xml。

Style的聲明

樣式的聲明，一般放在/res/values/...目錄下帶styles的文件中，使用<style name="style-name"> </style>進(jìn)行設(shè)置。

<style?name="style-name"?parent="parent-style-name">
????<item?name="attr-name1">value1</item>
????<item?name="attr-name2">value2</item>
????<item?name="attr-name3">value3</item>
</style>


Style的使用

樣式一般在布局xml中設(shè)置，使用android:style設(shè)置，不同于主題，樣式只能應(yīng)用于單個(gè)View，對(duì)于其子View并不會(huì)生效。

<ViewGroup?
????android:style="@style/ActionContainerStyle">
????
????<Button?android:style="@style/BlueButtonStyle"?/>
????
</ViewGroup>


Style的優(yōu)先級(jí)順序

如果我們?cè)诙鄠€(gè)地方給控件指定了style的屬性，那么最終是由誰(shuí)生效呢？這里我們就以TextView為例，介紹一下Style的生效規(guī)則：

• 1.通過(guò)文本span將字符設(shè)置的樣式應(yīng)用到TextView派生的類(lèi)。

• 2.以代碼方式動(dòng)態(tài)設(shè)置的屬性。

• 3.將單獨(dú)的屬性直接應(yīng)用到View。

• 4.將樣式應(yīng)用到View。

• 5.控件的默認(rèn)樣式，在View構(gòu)造方法中定義的。

• 6.控件所處應(yīng)用、Activity、父布局所應(yīng)用的主題。

• 7.應(yīng)用某些特定于View的樣式，例如為T(mén)extView設(shè)置TextAppearance。

具體代碼可參考: StyleRuleFragment

Attribute屬性

Attribute屬性是組成Style的基本單位。如果說(shuō)主題是各種樣式的組合，那么樣式就是各種屬性的組合，主要放在/res/values/attrs.xml。

Attribute的聲明

1.單個(gè)屬性的定義

<resource>

????<attr?name="attr-name"?format="format-type"?/>

</resource>


2.一組屬性的定義

<resource>

????<declare-styleable?name="XXXXView">
????????<attr?name="attr-name"?format="format-type"?/>
????????<attr?name="attr-name"?format="format-type"?/>
????</declare-styleable>

</resource>


3.屬性的賦值

<style?name="xx">

??<item?name="attr-name">value</item>

</style>


Attribute的使用

使用?attr/xxx或者?xxx進(jìn)行引用。這里xxx是定義的屬性名（attr-name）。

<TextView
????android:foreground="?attr/selectableItemBackground"
????android:textColor="?colorAccent"?/>


Attribute的獲取

• 屬性集的獲取: 使用context.obtainStyledAttributes進(jìn)行整體獲取。

val?array?=?context.obtainStyledAttributes(attrs,?R.styleable.CustomTextView,?defStyleAttr,?defStyleRes)
size?=?array.getInteger(R.styleable.CustomTextView_ctv_size,?size)
isPassword?=?array.getBoolean(R.styleable.CustomTextView_ctv_is_password,?isPassword)
array.recycle()


• 單個(gè)屬性的獲取: 使用context.theme.resolveAttribute進(jìn)行獲取。

fun?Resources.Theme.resolveAttributeToDimension(@AttrRes?attributeId:?Int,?defaultValue:?Float?=?0F)?:?Float?{
????val?typedValue?=?TypedValue()
????return?if?(resolveAttribute(attributeId,?typedValue,?true))?{
????????typedValue.getDimension(resources.displayMetrics)
????}?else?{
????????defaultValue
????}
}

fun?Context.resolveDimension(@AttrRes?attributeId:?Int,?defaultValue:?Float?=?0F)?:?Float?{
????val?typedArray?=?theme.obtainStyledAttributes(intArrayOf(attributeId))
????return?try?{
????????typedArray.getDimension(0,?defaultValue)
????}?finally?{
????????typedArray.recycle()
????}
}


最后

以上內(nèi)容的全部源碼我都放在了github上, 感興趣的小伙伴可以下下來(lái)研究和學(xué)習(xí).

項(xiàng)目地址: https://github.com/xuexiangjys/UIThemeSample

我是xuexiangjys，一枚熱愛(ài)學(xué)習(xí)，愛(ài)好編程，勤于思考，致力于Android架構(gòu)研究以及開(kāi)源項(xiàng)目經(jīng)驗(yàn)分享的技術(shù)up主。獲取更多資訊，歡迎微信搜索公眾號(hào)：【我的Android開(kāi)源之旅】