Android UI效果之繪圖篇(四)
上一篇博文說到了Shader的五個(gè)子類
- BitmapShader
- LinearGradient
- RadialGradient
- SweepGradient
- ComposeShader
其中BitmapShader和LinearGradient已經(jīng)做了說明,今天就把剩余的三個(gè)Shader補(bǔ)充一下
3. RadialGradient
先看下構(gòu)造方法
/** @param centerX 中心X坐標(biāo) @param centerY 中心Y坐標(biāo) @param radius 半徑 @param centerColor 開始顏色 @param edgeColor 結(jié)束顏色 @param tileMode The Shader tiling mode */ public RadialGradient(float centerX, float centerY, float radius,int centerColor, int edgeColor, @NonNull TileMode tileMode) public RadialGradient(float centerX, float centerY, float radius,@NonNull int colors[], @Nullable float stops[], @NonNull TileMode tileMode)
第一個(gè)構(gòu)造方法已經(jīng)進(jìn)行了文檔說明,比較簡(jiǎn)單,而第二個(gè)構(gòu)造方法和LinearGradient同理,就不再贅述,使用方法也基本類似,這里直接看下效果即可
RadialGradient rg = new RadialGradient(canvas.getWidth()/2, canvas.getHeight()/2, 200, 0xffff0000, 0xff0000ff, Shader.TileMode.[CLAMP|REPEAT |MIRROR]); paint.setShader(rg); canvas.drawRect(0, 0, canvas.getWidth(), canvas.getHeight(), paint);
① CLAMP
② REPEAT
③ MIRROR
1、SweepGradient
/** * * @param cx 中心X坐標(biāo) * @param cy 中心Y坐標(biāo) * @param color0 開始顏色 * @param color1 結(jié)束顏色 */ public SweepGradient(float cx, float cy, int color0, int color1)
第一個(gè)構(gòu)造方法比較簡(jiǎn)單,沒什么好說的,效果的話類似于做煎餅皮,展開選擇360度。主要看第二個(gè)構(gòu)造方法
public SweepGradient(float cx, float cy,int colors[], float positions[])
cx、cy沒什么好說的,中心點(diǎn)坐標(biāo),colors顏色數(shù)組,主要是positions,positions中每個(gè)item的取值范圍在0f-1f之間,對(duì)于colors中相應(yīng)顏色在圖形中的位置
int[] colors = {0xffff0000, 0xff00ff00, 0xffffff00, 0xffffffff,0xff000000}; float[] positions = {0f,0.25f, 0.5f, 0.75f, 1f}; SweepGradient rg = new SweepGradient(canvas.getWidth() / 2, canvas.getHeight() / 2, colors, positions); paint.setShader(rg); canvas.drawRect(0, 0, canvas.getWidth(), canvas.getHeight(), paint);
ComposeShader
ComposeShader(Shader shaderA, Shader shaderB, Xfermode mode) ComposeShader(Shader shaderA, Shader shaderB, PorterDuff.Mode mode)
ComposeShader,混合Shader,看到構(gòu)造方法,大家應(yīng)該就已經(jīng)會(huì)用ComposeShader,其實(shí)就是對(duì)兩個(gè)shader進(jìn)行取并集交集操作,遺忘了的同學(xué)可以翻看下上一篇文章,這里就不再演示了。
相關(guān)文章
Android在不使用數(shù)據(jù)庫(kù)的情況下存儲(chǔ)數(shù)據(jù)的方法
這篇文章主要介紹了Android在不使用數(shù)據(jù)庫(kù)的情況下存儲(chǔ)數(shù)據(jù)的方法,涉及Android存儲(chǔ)數(shù)據(jù)的相關(guān)技巧,需要的朋友可以參考下2015-04-04android開發(fā)之方形圓角listview代碼分享
我寫這篇文章受到了kiritor的專欄發(fā)表的博文Android UI控件之ListView實(shí)現(xiàn)圓角效果的啟發(fā)。2013-06-06Android自定義View實(shí)現(xiàn)數(shù)字密碼鎖
這篇文章主要為大家詳細(xì)介紹了Android自定義View實(shí)現(xiàn)數(shù)字密碼鎖,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-06-06Android自定義Dialog實(shí)現(xiàn)加載對(duì)話框效果
這篇文章將介紹如何定制當(dāng)今主流的對(duì)話框,通過自定義dialog實(shí)現(xiàn)加載對(duì)話框效果,具體實(shí)現(xiàn)代碼大家通過本文學(xué)習(xí)吧2018-05-05Android自定義View實(shí)現(xiàn)比賽時(shí)間閃動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了Android自定義View實(shí)現(xiàn)比賽時(shí)間閃動(dòng)效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-03-03