Android-使用tint一張圖制作selector

Android 有時(shí)候制作按下的效果挺麻煩的,得放色值不同的兩張圖,這個(gè)就比較尷尬了,明明是相同的資源?,F(xiàn)在Android Material Design 中提供了一個(gè)東西:Tint,一張矢量圖是能適配所有的顏色。

首先這個(gè)東西可以直接對(duì) ImageView 上色渲染

如下,相同的兩個(gè)圖,使用 tint 改變顏色:

<ImageView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_margin="10dp"
    android:src="@mipmap/ic_launcher" />

<ImageView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_margin="10dp"
    android:src="@mipmap/ic_launcher"
    android:tint="#FFF" />

使用 tint 制作selector

以下為成品的 selector,selector_bg.xml:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/    apk/res/android">
    <item android:drawable="@drawable/btn_begin_pressed" android:state_pressed="true">
    </item>
    <item android:drawable="@drawable/btn_begin">
    </item>
</selector>

其中btn_begin為png圖片,而btn_begin_pressed則是使用此圖進(jìn)行tint著色后的xml文件.

btn_begin_pressed.xml:

<?xml version="1.0" encoding="utf-8"?>
<bitmap xmlns:android="http://schemas.android.com/apk/res/android"
    android:src="@drawable/btn_begin_down"
    android:tint="#7b5b5b"
    android:tintMode="multiply">
</bitmap>

android:tint: 設(shè)置的是顏色

android:tintMode:設(shè)置的是類型(src_in,src_over,src_atop,add,screen,multiply)

各個(gè)屬性效果如圖:

tinMode

然后不管在xml布局中android:background,還是java代碼setBackgroundResource,都可以直接使用成品背景圖了

改變MD下的 EditText 背景色和光標(biāo)顏色

為了實(shí)現(xiàn) Material Design的效果,使用的主題里的顏色配置比如 primaryColor,colorControlNormal,colorControlActived什么的會(huì)讓 EditText 自動(dòng)適配背景顏色,
其實(shí)現(xiàn)方式就是使用了 tint ,如下圖:

隨便舉個(gè)栗子

先不用在意那個(gè) TextInputLayout,看背景色,對(duì)就是那條線./摳鼻~
然后我們不想用這個(gè)顏色怎么辦捏?

對(duì)于那條線可以直接設(shè)置:

android:backgroundTint="@color/顏色"

額,那個(gè)光標(biāo)也想改了??需要新建一個(gè) cursor_shape.xml:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <size android:width="1dp" />
    <solid android:color="@color/顏色" />
</shape>

然后就可以設(shè)置:

android:textCursorDrawable="@drawable/cursor_shape"

關(guān)于 tint 的源碼分析參考:

談?wù)凙ndroid Material Design 中的Tint(著色)

再說點(diǎn)兒

說到了 tint 著色,不得不提一下Android5.0加入的取色器:Palette,可以根據(jù)Bitmap顯示出來的東西提取顏色,然后到處 set,達(dá)到背景或者 toolBar 和圖片達(dá)到和諧,看看效果:

MD大法好

好吧隨便盜的圖,就提一下這個(gè)東西,還沒有 Demo...


本文作者:paradoxie
個(gè)人主頁:謝盒盒的小黑屋,不止說技術(shù)
簡(jiǎn)書地址:簡(jiǎn)書主頁,專注說技術(shù)
github地址:paradoxie
轉(zhuǎn)載請(qǐng)注明出處,蟹蟹!
-------我的夢(mèng)想真的是做一條咸魚!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容