Android ApiDemos樣本解析(77):Graphics->RoundRects

看到這個例子的標題RoundRects，我的第一感覺是介紹RoundRectShape, 開啟例子看了代碼卻是使用GradientDrawable來實現的。

GradientDrawable 支援使用漸層色來繪製圖形，通常可以用作Button或是背景圖形。

GradientDrawable允許指定繪製圖形的種類：LINE，OVAL，RECTANGLE或是RING ，色彩坡形支援LINEAR_GRADIENT，RADIAL_GRADIENT 和 SWEEP_GRADIENT。

其中在使用RECTANGLE（矩形），還允許設定矩形四個角為圓角，每個圓角的半徑可以分別設定：

public void setCornerRadii(float[] radii)

radii 數組分別指定四個圓角的半徑，每個角可以指定[X_Radius,Y_Radius]，四個圓角的順序為左上，右上，右下，左下。如果X_Radius,Y_Radius為0表示還是直角。

色彩坡形的方向由GradientDrawable.Orientation定義可以有如下八種：

 

看一下GradientDrawable的建構函式：

public GradientDrawable(GradientDrawable.Orientation orientation, int[] colors)

orientation指定了漸層的方向（以上八種），漸層的顏色由colors數組指定，數組中的每個值為一個顏色。

本例定義一個漸層方向從組左上到右下，漸層顏色為紅，綠，藍三色

[java] 
mDrawable = new GradientDrawable(GradientDrawable.Orientation.TL_BR, 
 new int[] { 0xFFFF0000, 0xFF00FF00, 
 0xFF0000FF }); 

mDrawable = new GradientDrawable(GradientDrawable.Orientation.TL_BR,
 new int[] { 0xFFFF0000, 0xFF00FF00,
 0xFF0000FF });分別使用Liner,Radial 和Sweep三種漸層模式，並配合指定矩形四個角圓角半徑，顯示GradientDrawable的不同用法：

[java] 
mDrawable.setGradientType(GradientDrawable.LINEAR_GRADIENT); 
setCornerRadii(mDrawable, r, r, 0, 0); 
mDrawable.draw(canvas); 
... 
mDrawable.setGradientType(GradientDrawable.RADIAL_GRADIENT); 
setCornerRadii(mDrawable, 0, 0, r, r); 
mDrawable.draw(canvas); 
... 
mDrawable.setGradientType(GradientDrawable.SWEEP_GRADIENT); 
setCornerRadii(mDrawable, 0, r, r, 0); 
mDrawable.draw(canvas); 
... 
mDrawable.setGradientType(GradientDrawable.LINEAR_GRADIENT); 
setCornerRadii(mDrawable, r, 0, 0, r); 
mDrawable.draw(canvas); 
... 
mDrawable.setGradientType(GradientDrawable.RADIAL_GRADIENT); 
setCornerRadii(mDrawable, r, 0, r, 0); 
mDrawable.draw(canvas); 
... 
mDrawable.setGradientType(GradientDrawable.SWEEP_GRADIENT); 
setCornerRadii(mDrawable, 0, r, 0, r); 
mDrawable.draw(canvas); 
... 
static void setCornerRadii(GradientDrawable drawable, 
 float r0, float r1, float r2, float r3) { 
 drawable.setCornerRadii(new float[] { r0, r0, r1, r1, 
 r2, r2, r3, r3 }); 
} 

mDrawable.setGradientType(GradientDrawable.LINEAR_GRADIENT);
setCornerRadii(mDrawable, r, r, 0, 0);
mDrawable.draw(canvas);
...
mDrawable.setGradientType(GradientDrawable.RADIAL_GRADIENT);
setCornerRadii(mDrawable, 0, 0, r, r);
mDrawable.draw(canvas);
...
mDrawable.setGradientType(GradientDrawable.SWEEP_GRADIENT);
setCornerRadii(mDrawable, 0, r, r, 0);
mDrawable.draw(canvas);
...
mDrawable.setGradientType(GradientDrawable.LINEAR_GRADIENT);
setCornerRadii(mDrawable, r, 0, 0, r);
mDrawable.draw(canvas);
...
mDrawable.setGradientType(GradientDrawable.RADIAL_GRADIENT);
setCornerRadii(mDrawable, r, 0, r, 0);
mDrawable.draw(canvas);
...
mDrawable.setGradientType(GradientDrawable.SWEEP_GRADIENT);
setCornerRadii(mDrawable, 0, r, 0, r);
mDrawable.draw(canvas);
...
static void setCornerRadii(GradientDrawable drawable,
 float r0, float r1, float r2, float r3) {
 drawable.setCornerRadii(new float[] { r0, r0, r1, r1,
 r2, r2, r3, r3 });
}

作者： mapdigit