Android 用canvas畫圖

canvas通俗的說就是一張畫布,我們可以使用畫筆paint,在其上面畫任意的圖形。


方法:

//繪製區域,參數一爲RectF一個區域 

drawRect(RectF rect, Paint paint) 

//繪製一個路徑,參數一爲Path路徑對象

drawPath(Path path, Paint paint) 

 //貼圖,參數一就是我們常規的Bitmap對象,參數二是源區域(這裏是bitmap),參數三是目標區域

(應該在canvas的位置和大小),參數四是Paint畫刷對象,因爲用到了縮放和拉伸的可能,當原始

Rect不等於目標Rect時性能將會有大幅損失。

drawBitmap(Bitmap bitmap, Rect src, Rect dst, Paint paint) 

//畫線,參數一起始點的x軸位置,參數二起始點的y軸位置,參數三終點的x軸水平位置,

參數四y軸垂直位置,最後一個參數爲Paint 畫刷對象。

drawLine(float startX, float startY, float stopX, float stopY, Paintpaint) 

//畫點,參數一水平x軸,參數二垂直y軸,第三個參數爲Paint對象。

drawPoint(float x, float y, Paint paint) 

  //渲染文本,Canvas類除了上面的還可以描繪文字,參數一是String類型的文本,參數二x軸,

參數三y軸,參數四是Paint對象。

drawText(String text, float x, floaty, Paint paint)

//畫橢圓,參數一是掃描區域,參數二爲paint對象;

drawOval(RectF oval, Paint paint)

// 繪製圓,參數一是中心點的x軸,參數二是中心點的y軸,參數三是半徑,參數四是paint對象;

drawCircle(float cx, float cy, float radius,Paint paint)

//畫弧,參數一是RectF對象,一個矩形區域橢圓形的界限用於定義在形狀、大小、電弧,參數二是

起始角(度)在電弧的開始,參數三掃描角(度)開始順時針測量的,參數四是如果這是真的話,包括

橢圓中心的電弧,並關閉它,如果它是假這將是一個弧線,參數五是Paint對象;

drawArc(RectF oval, float startAngle, float sweepAngle, boolean useCenter, Paint paint)


接下來就要開始畫了。還需要工具Paint,path

Paint ,就是畫筆,我們new paint();等到一隻畫筆,然後設置它的一些屬性。

Paint類常用方法:

setARGB(int a, int r, int g, int b) // 設置 Paint對象顏色,參數一爲alpha透明值

setAlpha(int a) // 設置alpha不透明度,範圍爲0~255

setAntiAlias(boolean aa) // 是否抗鋸齒

setColor(int color)  // 設置顏色,這裏Android內部定義的有Color類包含了一些常見顏色定義

setTextScaleX(float scaleX)  // 設置文本縮放倍數,1.0f爲原始

setTextSize(float textSize)  // 設置字體大小

setUnderlineText(booleanunderlineText)  // 設置下劃線

setStyle(Style.STROKE)//設置畫筆空心


  1. public class DrawviewActivity extends Activity {  
  2.   
  3.     @Override  
  4.     protected void onCreate(Bundle savedInstanceState) {  
  5.         super.onCreate(savedInstanceState);  
  6.         // set DrawView's width and height  
  7.         Display d = getWindowManager().getDefaultDisplay();  
  8.         DrawView dv = new DrawView(this);  
  9.         dv.width = d.getWidth();  
  10.         dv.height = d.getHeight();  
  11.         setContentView(dv);  
  12.     }  
  13.     class DrawView extends View {  
  14.   
  15.         public float width;  
  16.         public float height;  
  17.         private Paint mpaint;  
  18.   
  19.         public DrawView(Context context) {  
  20.             super(context);  
  21.             mpaint = new Paint();  
  22.             mpaint.setColor(Color.RED);  
  23.             mpaint.setAntiAlias(true);  
  24.   
  25.         }  
  26.   
  27.         @Override  
  28.         protected void onDraw(Canvas canvas) {  
  29.             // TODO Auto-generated method stub  
  30.             super.onDraw(canvas);  
  31.   
  32.             // drawtext  
  33.             canvas.save();  
  34.             mpaint.setTextSize(30);  
  35.             canvas.drawText("hello honjane", 20, 20, mpaint);  
  36.             canvas.restore();  
  37.   
  38.             // drawRect  
  39.             canvas.save();  
  40.             RectF r = new RectF(40, 40, 60, 60);  
  41.             mpaint.setColor(Color.BLUE);  
  42.             canvas.drawRect(r, mpaint);  
  43.             canvas.restore();  
  44.   
  45.             canvas.save();  
  46.             mpaint.setColor(Color.BLUE);  
  47.             canvas.drawRect(65, 40, 85, 60, mpaint);  
  48.             canvas.restore();  
  49.   
  50.             // drawCircle  
  51.             canvas.save();  
  52.             mpaint.setStyle(Style.STROKE);  
  53.             canvas.drawCircle(width / 2, height / 2, 100, mpaint);  
  54.             canvas.restore();  
  55.   
  56.             // drawArc  
  57.             canvas.save();  
  58.             RectF oval1 = new RectF(150, 300, 180, 400);  
  59.             canvas.drawArc(oval1, 180, 250, false, mpaint);// 小弧形  
  60.             oval1.set(300, 300, 600, 780);  
  61.             canvas.drawArc(oval1, 230, 170, false, mpaint);  
  62.             oval1.set(200, 300, 500, 780);  
  63.             canvas.drawArc(oval1, 230, 170, true, mpaint);  
  64.   
  65.             canvas.restore();  
  66.   
  67.             // 三角形  
  68.   
  69.             canvas.save();  
  70.             mpaint.setStyle(Style.FILL);  
  71.             Path p = new Path();  
  72.             p.moveTo(80, 100);  
  73.             p.lineTo(140, 300);  
  74.             p.lineTo(20, 300);  
  75.             p.close();  
  76.             canvas.drawPath(p, mpaint);  
  77.             canvas.restore();  
  78.   
  79.             canvas.save();  
  80.             mpaint.setStyle(Paint.Style.FILL);// 充滿  
  81.             mpaint.setColor(Color.LTGRAY);  
  82.             mpaint.setAntiAlias(true);// 設置畫筆的鋸齒效果  
  83.             canvas.drawText("畫圓角矩形:", 10, 260, mpaint);  
  84.             RectF oval3 = new RectF(80, 260, 200, 300);// 設置個新的長方形  
  85.             canvas.drawRoundRect(oval3, 20, 15, mpaint);// 第二個參數是x半徑,第三個參數是y半徑  
  86.             canvas.restore();  
  87.   
  88.             // 可變色的  
  89.             canvas.save();  
  90.             Shader shader = new LinearGradient(0, 0, 100, 100, new int[] {  
  91.                     Color.BLACK, Color.CYAN, Color.DKGRAY, Color.GRAY }, null,  
  92.                     Shader.TileMode.MIRROR);  
  93.             mpaint.setShader(shader);  
  94.             RectF oval2 = new RectF(250, 100, 450, 300);  
  95.             canvas.drawArc(oval2, 200, 130, true, mpaint);  
  96.             canvas.restore();  
  97.   
  98.             //畫圖片  
  99.             canvas.save();  
  100.             Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.ic_launcher);    
  101.             canvas.drawBitmap(bitmap, 250,360, mpaint);    
  102.             canvas.restore();  
  103.         }  
  104.     }  
  105. }  



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章