canvas教程

AndroidCanvas

字号+ 作者:H5之家 来源:H5之家 2016-01-18 17:15 我要评论( )

AndroidйЩСС

AndroidйЩСС

/**
 *
 */
package com.qq.canvas;
import ntent.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.LinearGradient;
import android.graphics.Matrix;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.RectF;
import android.graphics.Shader;
import android.util.AttributeSet;
import android.view.View;

/**
 * üViewSurfaceView,
 */
public class MyView extends View
{
 Bitmap bitmap;
 public MyView(Context context, AttributeSet set)
 {
  super(context, set);
  bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.background);
 }
 @Override
 // д÷л
 protected void onDraw(Canvas canvas)
 {
  super.onDraw(canvas);
  //
  canvas.drawColor(Color.WHITE);
 
  Paint paint = new Paint();
  //
  paint.setAntiAlias(true);
  paint.setColor(Color.BLUE);
  //
  paint.setStyle(Paint.Style.STROKE);
  //С
  paint.setStrokeWidth(3);
  //,滭Ч
  //paint.setAlpha(10);//
  //canvas.drawBitmap(bitmap, 0, 0, null);
  //paint.setAlpha(255);//
  //
  canvas.drawCircle(40, 40, 30, paint);
  //
  canvas.drawRect(10, 80, 70, 140, paint);
  //
  canvas.drawRect(10, 150, 70, 190, paint);
  RectF re1 = new RectF(10, 200, 70, 230);
  //
  canvas.drawRoundRect(re1, 15, 15, paint);
  RectF re11 = new RectF(10, 240, 70, 270);
  //
  canvas.drawOval(re11, paint); 
  // PathΡ
  Path path1 = new Path();
  path1.moveTo(10, 340);
  path1.lineTo(70, 340);
  path1.lineTo(40, 290);
  path1.close();
  // Pathл
  canvas.drawPath(path1, paint);
  // PathΡTo
  Path path2 = new Path();
  path2.moveTo(26, 360);
  path2.lineTo(54, 360);
  path2.lineTo(70, 392);
  path2.lineTo(40, 420);
  path2.lineTo(10, 392);
  path2.close();
  // Pathл
  canvas.drawPath(path2, paint);
  // --------------------
  paint.setStyle(Paint.Style.FILL);
  paint.setColor(Color.RED);
  canvas.drawCircle(120, 40, 30, paint);
  //
  canvas.drawRect(90, 80, 150, 140, paint);
  //
  canvas.drawRect(90, 150, 150, 190, paint);
  RectF re2 = new RectF(90, 200, 150, 230);
  //
  canvas.drawRoundRect(re2, 15, 15, paint);
  RectF re21 = new RectF(90, 240, 150, 270);
  //
  canvas.drawOval(re21, paint); 
  Path path3 = new Path();
  path3.moveTo(90, 340);
  path3.lineTo(150, 340);
  path3.lineTo(120, 290);
  path3.close();
  //
  canvas.drawPath(path3, paint);
  Path path4 = new Path();
  path4.moveTo(106, 360);
  path4.lineTo(134, 360);
  path4.lineTo(150, 392);
  path4.lineTo(120, 420);
  path4.lineTo(90, 392);
  path4.close();
  //
  canvas.drawPath(path4, paint);
  // --------------------
  // Paint
  Shader mShader = new LinearGradient(0, 0, 40, 60
   , new int[] {
   Color.RED, Color.GREEN, Color.BLUE, Color.YELLOW }
   , null , Shader.TileMode.REPEAT);
  paint.setShader(mShader);
  //
  paint.setShadowLayer(45 , 10 , 10 , Color.GRAY);
  //
  canvas.drawCircle(200, 40, 30, paint);
  //
  canvas.drawRect(170, 80, 230, 140, paint);
  //
  canvas.drawRect(170, 150, 230, 190, paint);
  RectF re3 = new RectF(170, 200, 230, 230);
  //
  canvas.drawRoundRect(re3, 15, 15, paint);
  RectF re31 = new RectF(170, 240, 230, 270);
  //
  canvas.drawOval(re31, paint); 
  Path path5 = new Path();
  path5.moveTo(170, 340);
  path5.lineTo(230, 340);
  path5.lineTo(200, 290);
  path5.close();
  // Pathл
  canvas.drawPath(path5, paint);
  Path path6 = new Path();
  path6.moveTo(186, 360);
  path6.lineTo(214, 360);
  path6.lineTo(230, 392);
  path6.lineTo(200, 420);
  path6.lineTo(170, 392);
  path6.close();
  // Pathл
  canvas.drawPath(path6, paint);
  // ----------С----------
  paint.setTextSize(24);
  paint.setShader(null);
  // 7
  canvas.drawText(getResources().getString(R.string.circle), 240, 50,
   paint);
  canvas.drawText(getResources().getString(R.string.square), 240, 120,
   paint);
  canvas.drawText(getResources().getString(R.string.rect), 240, 175,
   paint);
  canvas.drawText(getResources().getString(R.string.round_rect), 230,
   220, paint);
  canvas.drawText(getResources().getString(R.string.oval), 240,
   260, paint); 
  canvas.drawText(getResources().getString(R.string.triangle), 240, 325,
   paint);
  canvas.drawText(getResources().getString(R.string.pentagon), 240, 390,
   paint);
 }
}

·

1view+ в粻Viewл

2ActivtiySetcontentView()View

3, IDActivityfindViewByIdView

а

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • Android Canvas练习题(6)饼图(Pie Chart)百分比标注位置计算技巧

    Android Canvas练习题(6)饼图(Pie Chart)百分比标注位置计算技巧

    2017-04-12 11:00

  • Android Canvas clipPath 画图锯齿问题

    Android Canvas clipPath 画图锯齿问题

    2017-04-11 11:04

  • Android Canvas练习(9)自已绘分割突出效果的饼图(Pie Chart)

    Android Canvas练习(9)自已绘分割突出效果的饼图(Pie Chart)

    2017-04-04 17:01

  • Android canvas画图操作之切割画布实现方法(clipRect)

    Android canvas画图操作之切割画布实现方法(clipRect)

    2017-03-11 08:04

网友点评
f