背景

最近公司的詳情頁改版，有一個(gè)需求設(shè)計(jì)同學(xué)覺得挺好，需要我們實(shí)現(xiàn)出來。
具體的需求大概就是，toolbar 上面的圖標(biāo)，需要根據(jù)滑動(dòng)的距離去改變顏色~

當(dāng)然是難不倒我們偉大的工程師(碼農(nóng))的，所以討論需求兩小時(shí)，開發(fā)五分鐘實(shí)現(xiàn)了設(shè)計(jì)的需求。

先看效果圖~

請注意toolbar 上面的兩個(gè)按鈕

其實(shí)需求也就兩點(diǎn)

1.灰色圓圈背景需要根據(jù)滑動(dòng)距離變透明，其實(shí)改變它的alpha值就行了，這個(gè)容易。

2.就是白色圖標(biāo)需要漸變成黑色，這個(gè)其實(shí)也不難。

主要講一下第二點(diǎn)的實(shí)現(xiàn)。

技術(shù)點(diǎn)

這個(gè)時(shí)候肯定需要去查閱下相關(guān)API文檔了，發(fā)現(xiàn)原生確實(shí)就有 API 實(shí)現(xiàn)，相當(dāng)?shù)娜菀住?br> 在官網(wǎng)中發(fā)現(xiàn)有這個(gè) API，位于android.support.v4.graphics.drawable.DrawableCompat下：

中文意思差不多就是可以給指定的drawable著色。

有了這個(gè) API 就好辦了，我們?nèi)ケO(jiān)聽下面的控件滑動(dòng)距離，根據(jù)距離去設(shè)置給圖片著色。

核心代碼

 fun tintDrawable(drawable: Drawable, colors: ColorStateList): Drawable {
        val wrappedDrawable = DrawableCompat.wrap(drawable)
        DrawableCompat.setTintList(wrappedDrawable, colors)
        return wrappedDrawable
    }

在需要改變的地方調(diào)用這行代碼即可：

 imageView.setImageDrawable(tintDrawable(imageView.drawable, ColorStateList.valueOf(Color.argb(alpha, red, green, blue))))

這樣就實(shí)現(xiàn)了這個(gè)需求了，效果如開頭圖。

題外話

由于有了這個(gè)功能，所以我就可以用setTintList實(shí)現(xiàn)一張矢量圖適配所有顏色~
可以減少不少資源