/** * Paint類介紹 * * Paint即畫筆，在繪圖過程中起到了極其重要的作用，畫筆主要保存了顏色， * 樣式等繪制信息，指定了如何繪制文本和圖形，畫筆對象有很多設置方法， * 大體上可以分為兩類，一類與圖形繪制相關，一類與文本繪制相關。 * * 1.圖形繪制 * setARGB(int a,int r,int g,int b); * 設置繪制的顏色，a代表透明度，r，g，b代表顏色值。 * * setAlpha(int a); * 設置繪制圖形的透明度。 * * setColor(int color); * 設置繪制的顏色，使用顏色值來表示，該顏色值包括透明度和RGB顏色。 * * setAntiAlias(boolean aa); * 設置是否使用抗鋸齒功能，會消耗較大資源，繪制圖形速度會變慢。 * * setDither(boolean dither); * 設定是否使用圖像抖動處理，會使繪制出來的圖片顏色更加平滑和飽滿，圖像更加清晰 * * setFilterBitmap(boolean filter); * 如果該項設置為true，則圖像在動畫進行中會濾掉對Bitmap圖像的優化操作，加快顯示 * 速度，本設置項依賴於dither和xfermode的設置 * * setMaskFilter(MaskFilter maskfilter); * 設置MaskFilter，可以用不同的MaskFilter實現濾鏡的效果，如濾化，立體等 * * setColorFilter(ColorFilter colorfilter); * 設置顏色過濾器，可以在繪制顏色時實現不用顏色的變換效果 * * setPathEffect(PathEffect effect); * 設置繪制路徑的效果，如點畫線等 * * setShader(Shader shader); * 設置圖像效果，使用Shader可以繪制出各種漸變效果 * * setShadowLayer(float radius ,float dx,float dy,int color); * 在圖形下面設置陰影層，產生陰影效果，radius為陰影的角度，dx和dy為陰影在x軸和y軸上的距離，color為陰影的顏色 * * setStyle(Paint.Style style); * 設置畫筆的樣式，為FILL，FILL_OR_STROKE，或STROKE Style.FILL: 實心 STROKE:空心 FILL_OR_STROKE:同時實心與空心
* * setStrokeCap(Paint.Cap cap); * 當畫筆樣式為STROKE或FILL_OR_STROKE時，設置筆刷的圖形樣式，如圓形樣式 * Cap.ROUND,或方形樣式Cap.SQUARE * * setSrokeJoin(Paint.Join join); * 設置繪制時各圖形的結合方式，如平滑效果等 * * setStrokeWidth(float width); * 當畫筆樣式為STROKE或FILL_OR_STROKE時，設置筆刷的粗細度 * * setXfermode(Xfermode xfermode); * 設置圖形重疊時的處理方式，如合並，取交集或並集，經常用來制作橡皮的擦除效果 * * 2.文本繪制 * setFakeBoldText(boolean fakeBoldText); * 模擬實現粗體文字，設置在小字體上效果會非常差 * * setSubpixelText(boolean subpixelText); * 設置該項為true，將有助於文本在LCD屏幕上的顯示效果 * * setTextAlign(Paint.Align align); * 設置繪制文字的對齊方向 * * setTextScaleX(float scaleX); * 設置繪制文字x軸的縮放比例，可以實現文字的拉伸的效果 * * setTextSize(float textSize); * 設置繪制文字的字號大小 * * setTextSkewX(float skewX); * 設置斜體文字，skewX為傾斜弧度 * * setTypeface(Typeface typeface); * 設置Typeface對象，即字體風格，包括粗體，斜體以及襯線體，非襯線體等 * * setUnderlineText(boolean underlineText); * 設置帶有下划線的文字效果 * * setStrikeThruText(boolean strikeThruText); * 設置帶有刪除線的效果 * */畫筆這里, setStyle(Paint.Style style)
看看實心效果:
class MyView1 extends View{
Paint paint=new Paint();
public MyView1(Context context) {
super(context);
}
protected void onDraw(Canvas canvas) { //重載onDraw方法
// TODO Auto-generated method stub
super.onDraw(canvas);
paint.setColor(Color.RED); //設置畫筆顏色
paint.setStyle(Style.FILL); //設置畫筆為空心 如果將這里改為Style.STROKE 這個圖中的實線圓柱體就變成了空心的圓柱體
canvas.drawColor(Color.WHITE);
canvas.drawLine(50, 50, 450, 50, paint); //繪制直線
canvas.drawRect(100, 100, 200, 600, paint); //繪制矩形
canvas.drawRect(300, 100, 400, 600, paint); //繪制矩形
}
}
再看看Path類的使用:
實現如下:
class MyView2 extends View{
public MyView2(Context context) {
super(context);
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
canvas.drawColor(Color.WHITE);
Paint paint = new Paint();
paint.setAntiAlias(true);
paint.setColor(Color.RED);
paint.setStyle(Paint.Style.STROKE);//設置為空心
paint.setStrokeWidth(3);
canvas.drawCircle(40, 40, 30, paint);
canvas.drawRect(10, 90, 70, 150, paint);
canvas.drawRect(10, 170, 70, 200, paint);
canvas.drawOval(new RectF(10, 220, 70, 250), paint);
Path path = new Path();//三角形
path.moveTo(10, 330);
path.lineTo(70, 330);
path.lineTo(40, 270);
path.close();
canvas.drawPath(path, paint);
Path path1 = new Path();//梯形
path1.moveTo(10, 410);//繪畫基點
path1.lineTo(70, 410);
path1.lineTo(55, 350);
path1.lineTo(25, 350);
path1.close();//把開始的點和最后的點連接在一起，構成一個封閉圖形
/*
* 最重要的就是movtTo和close,如果是Style.FILL的話，不設置close,也沒有區別，可是如果是STROKE模式，
* 如果不設置close,圖形不封閉。
*
* 當然，你也可以不設置close，再添加一條線，效果一樣。
*/
canvas.drawPath(path1, paint);
///////////////////////////////////////第二列
paint.setColor(Color.BLUE);
paint.setStyle(Paint.Style.FILL);//設置實心
canvas.drawCircle(120, 40, 30, paint);
canvas.drawRect(90, 90, 150, 150, paint);
canvas.drawRect(90, 170, 150, 200, paint);
RectF re2 = new RectF(90, 220, 150, 250);
canvas.drawOval(re2, paint);
Path path2 = new Path();
path2.moveTo(90, 330);
path2.lineTo(150, 330);
path2.lineTo(120, 270);
path2.close();
canvas.drawPath(path2, paint);
Path path3 = new Path();
path3.moveTo(90, 410);
path3.lineTo(150, 410);
path3.lineTo(135, 350);
path3.lineTo(105, 350);
path3.close();
canvas.drawPath(path3, paint);
////////////////////////////////////////////////////第三列
/*
* LinearGradient shader = new LinearGradient(0, 0, endX, endY, new
* int[]{startColor, midleColor, endColor},new float[]{0 , 0.5f,
* 1.0f}, TileMode.MIRROR);
* 參數一為漸變起初點坐標x位置，參數二為y軸位置，參數三和四分辨對應漸變終點
* 其中參數new int[]{startColor, midleColor,endColor}是參與漸變效果的顏色集合，
* 其中參數new float[]{0 , 0.5f, 1.0f}是定義每個顏色處於的漸變相對位置， 這個參數可以為null，如果為null表示所有的顏色按順序均勻的分布
*/
Shader mShader = new LinearGradient(0, 0, 100, 100,
new int[] { Color.RED, Color.GREEN, Color.BLUE, Color.YELLOW },
null, Shader.TileMode.REPEAT);
// Shader.TileMode三種模式
// REPEAT:沿着漸變方向循環重復
// CLAMP:如果在預先定義的范圍外畫的話，就重復邊界的顏色
// MIRROR:與REPEAT一樣都是循環重復，但這個會對稱重復
paint.setShader(mShader);// 用Shader中定義定義的顏色來話
canvas.drawCircle(200, 40, 30, paint);
canvas.drawRect(170, 90, 230, 150, paint);
canvas.drawRect(170, 170, 230, 200, paint);
RectF re3 = new RectF(170, 220, 230, 250);
canvas.drawOval(re3, paint);
Path path4 = new Path();
path4.moveTo(170, 330);
path4.lineTo(230, 330);
path4.lineTo(200, 270);
path4.close();
canvas.drawPath(path4, paint);
Path path5 = new Path();
path5.moveTo(170, 410);
path5.lineTo(230, 410);
path5.lineTo(215, 350);
path5.lineTo(185, 350);
path5.close();
canvas.drawPath(path5, paint);
//////////////////////////////////第4列
paint.setTextSize(24);
canvas.drawText("圓形", 240, 50, paint);
canvas.drawText("正方形", 240, 120, paint);
canvas.drawText("長方形", 240, 190, paint);
canvas.drawText("橢圓形", 240, 250, paint);
canvas.drawText("三角形", 240, 320, paint);
canvas.drawText("梯形", 240, 390, paint);
}
}
另外,利用Path還可以繪制各種各樣的折線圖:
class MyView extends View {
float phase;
PathEffect[] effects=new PathEffect[7];
int[] colors;
private Paint paint;
Path path;
public MyView(Context context) {
super(context);
paint=new Paint();
paint.setStyle(Style.STROKE);
paint.setStrokeWidth(4);
//創建初始化Path
path=new Path();
path.moveTo(0, 0); //設置繪制的起點在左上角
for (int i = 1; i <=15; i++) {
path.lineTo(i*20, (float)Math.random()*60);
}
colors=new int[]{Color.BLACK,Color.BLUE,Color.CYAN,Color.GREEN,Color.MAGENTA,Color.RED,Color.YELLOW};
}
@Override
protected void onDraw(Canvas canvas) {
//將背景填充成白色
canvas.drawColor(Color.WHITE);
//-------下面開始初始化7中路徑的效果
//使用路徑效果
effects[0] = null;
//使用CornerPathEffect路徑效果
effects[1] = new CornerPathEffect(10);
//初始化DiscretePathEffect
effects[2] = new DiscretePathEffect(3.0f,5.0f);
//初始化DashPathEffect
effects[3] = new DashPathEffect(new float[]{20,10,5,10},phase);
//初始化PathDashPathEffect
Path p = new Path();
p.addRect(0, 0, 8, 8, Path.Direction.CCW);
effects[4] = new PathDashPathEffect(p,12,phase,PathDashPathEffect.Style.ROTATE);
//初始化PathDashPathEffect
effects[5] = new ComposePathEffect(effects[2],effects[4]);
effects[6] = new SumPathEffect(effects[4],effects[3]);
//將畫布移到8,8處開始繪制
canvas.translate(8, 8);
//依次使用7中不同路徑效果,7種不同的顏色來繪制路徑
for(int i = 0; i < effects.length; i++)
{
paint.setPathEffect(effects[i]);
paint.setColor(colors[i]);
canvas.drawPath(path, paint);
canvas.translate(0, 60);
}
//改變phase值,形成動畫效果
phase += 1;
invalidate();
}
}