1、一個簡單的樣本
Java代碼
public class View1 extends Activity {
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(new SampleView(this));
}
private static class SampleView extends View {
private Paint paint;
public SampleView(Context context) {
super(context);
//建立Paint
paint = new Paint();
//設定消除鋸齒效果
paint.setAntiAlias(true);
//設定畫刷的顏色
paint.setColor(Color.BLUE);
}
@Override protected void onDraw(Canvas canvas) {
// canvas.drawColor(Color.WHITE);
paint.setStyle(Paint.Style.FILL);
canvas.drawRect(new RectF(10, 10, 100, 100), paint);
canvas.drawCircle(55, 145, 45, paint);
paint.setStyle(Paint.Style.STROKE);
canvas.drawRect(new RectF(110, 10, 200, 100), paint);
canvas.drawCircle(155, 145, 45, paint);
paint.setStyle(Paint.Style.FILL_AND_STROKE);
canvas.drawRect(new RectF(210, 10, 300, 100), paint);
canvas.drawCircle(255, 145, 45, paint);
// invalidate();
}
}
}
效果如下:
使用view畫圖,有兩個重要的組件需要介紹:
Paint 可以理解為畫刷或者畫筆,去主要用來設定繪圖使用的顏色、填充方式、透明度、字型以及字型樣式等。
Canvas 畫布,在view上顯示的圖形都是由canvas來繪製的。
Canvas繪圖需要4個基本組件,Bitmap、Canvas、需要繪製的圖形如Path、Rect等、以及Paint用來設定顏色和樣式。在上面的圖形中只用到了Canvas Rect Circle 和Paint
上面的代碼對比了Paint的三種樣式效果
Paint.Style.FILL 用顏色填充圖形
Paint.Style.FILL_AND_STROKE 即繪製邊框 同時也填充內部
Paint.Style.STROKE 個人理解為只繪製邊框
paint.setAntiAlias(true);
這個是用來設定消除鋸齒效果的。
可以通過寫測試代碼來看看效果。下面是沒有設定消除鋸齒效果的,不是很清晰,效果不是很明顯,最好是在手機上跑跑,那樣就能發現兩者的差異了。