[譯] Android 實現顏色漸變的一個小 tip

Aurora_極光開發者發表於2019-02-25

簡評:TL;DR: 如果要實現某個顏色到透明的漸變時,記得不要改動顏色的 RGB 值。

Tip: 如果你想要建立從某個顏色到透明的漸變(gradient)背景,那就要小心使用 @android:color/transparent 了。

因為當 Android 在繪製漸變(gradient)時,需要指定兩種顏色代表漸變部分的兩邊(startColor – centerColor, centerColor – endColor, startColor – endColor)。

Android 將會計算顏色的四個組成部分(A, R, G, B)的差值。比如,我們想實現下面兩個顏色的漸變:

在漸變過程的特定階段的顏色值,可以表示為:

當使用 @android:color/transparent 時,要記住雖然其看起來確實是透明的(即 A = #00),但也有自己的 RGB 值。如果你看過 android.graphics 中的 Color 類,你會發現 Color.TRANSPARENT 等於 0(#00000000)也就是一個完全透明的黑色。

下面來看一個例子,我們定義如下的一個 gradient:

其顯示效果是這樣的:

是不是感覺怪怪的。因為我們其實是將一個 #FF27AE60 的綠色漸變到了一個完全透明的黑色。

因此「當我們要實現某個顏色到透明的漸變時,不要改動顏色的 RGB 值」。
因此,上面的例子應該改成這樣(只變動 Alpha 值):

顯示效果:

顯示效果
顯示效果
漸變過程
漸變過程

知乎專欄:極光日報

原文連結:Android Dev Tip #3

極光日報,極光開發者 的 Side Project,每天導讀三篇國外技術類文章,歡迎投稿和關注。

相關文章