Android 一張圖片使用tint(著色)實(shí)現(xiàn)selector點(diǎn)擊效果

Android項(xiàng)目開發(fā)過程中經(jīng)常會(huì)遇到按鈕阴挣、圖片點(diǎn)擊效果的實(shí)現(xiàn)，不管背景是顏色還是圖片一般常用做法都是用selector實(shí)現(xiàn)纺腊，類似下面的代碼：

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

這樣的做法雖然也可以畔咧，但難免有些麻煩，drawable目錄下要新建很多xml文件揖膜，如果是圖片點(diǎn)擊效果誓沸，可能還需要在項(xiàng)目中添加兩種狀態(tài)的圖片。

所以今天給大家介紹用tint著色來實(shí)現(xiàn)點(diǎn)擊效果壹粟，簡單理解tint就是在原有的圖片或者顏色上面覆蓋一層顏色拜隧，類似遮罩，但是可以設(shè)置不同的模式從而實(shí)現(xiàn)不同的遮罩效果趁仙，一般View有tint洪添、tintMode，backgroudTint雀费、backgoudTintMode,foregroundTint干奢、foregroundTintMode這些屬性可以設(shè)置，分別對應(yīng)圖片著色(模式)坐儿、背景著色(模式)律胀、前景著色(模式)，tint只能設(shè)置顏色貌矿，tintMode一般可以設(shè)置為這些值：

Mode.CLEAR;
Mode.SRC;
Mode.DST;
Mode.SRC_OVER;
Mode.DST_OVER;
Mode.SRC_IN;
Mode.DST_IN;
Mode.SRC_OUT;
Mode.DST_OUT;
Mode.SRC_ATOP;
Mode.DST_ATOP;
Mode.XOR;
Mode.DARKEN;
Mode.LIGHTEN;
Mode.MULTIPLY;
Mode.SCREEN;
Mode.ADD;
Mode.OVERLAY;

具體各有什么效果炭菌，我就不多說了，大家可以自行嘗試逛漫，下面是我根據(jù)tint這個(gè)特性封裝的一個(gè)自帶點(diǎn)擊效果的ImageView黑低，類似的TextView、Button等都可以按照這種方式進(jìn)行重寫：

public class TintImageView extends AppCompatImageView {

    private int tintColor = Color.argb(10,255,255,255);

    public TintImageView(@NonNull Context context) {
        super(context);
        init(context,null);
    }

    public TintImageView(@NonNull Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        init(context, attrs);
    }

    public TintImageView(@NonNull Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init(context, attrs);
    }

    private void init(Context context,AttributeSet attrs){
        if (null != attrs){
            TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.TintImageView);
            if (typedArray != null) {
                tintColor = typedArray.getColor(R.styleable.TintImageView_tintColor,Color.argb(10,255,255,255));
            }
        }
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        switch (event.getAction()){
            case MotionEvent.ACTION_DOWN:
                this.setImageTintList(ColorStateList.valueOf(tintColor));
                this.setImageTintMode(getImageTintMode() == null? PorterDuff.Mode.ADD:getImageTintMode());
                break;
            case MotionEvent.ACTION_UP:
                this.setImageTintList(null);
                break;
        }
        return super.onTouchEvent(event);
    }
}

attrs.xml

<declare-styleable name="TintImageView">
        <attr name="tintColor" format="color"/>
</declare-styleable>

我這里tint設(shè)置的是一個(gè)半透明白色酌毡，tintMode設(shè)置的是ADD克握，效果就是按下后在ImageView的圖片上面覆蓋一層半透明白色效果！

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者