CustomView #2 Canvas클래스와 Paint클래스

이번 포스팅은 Canvas클래스와 Paint 클래스에 대해서 자세히 알아보겠습니다.

Canvas클래스와 Paint클래스는 onDraw()메소드 안에서 주로 사용이 됩니다.

Canvas 객체와 Paint 객체

Canvas 객체 :  그림을 직접 그릴수 있는 객체입니다.

Paint 객체 : 그림의 속성(색상, 투명도, 선의 굵기 등)을 지정하는 객체입니다. canvas객체로 그림을 그릴 때 매개변수로 넘겨줄 수가 있습니다.

Canvas 객체로 어느 것을 그릴 수가 있을까?

canvas로 선, 점, 사각형, 원, 호, 문자열, 이미지, 둥근 사각형, 타원등을 그릴 수가 있습니다.

선 : drawLine

Paint paint = new Paint(); paint.setColor(Color.RED); paint.setStrokeWidth(30); canvas.drawLine(10, 10, 100, 100, paint);

점 :drawPoint

Paint paint = new Paint(); paint.setColor(Color.RED); paint.setStrokeWidth(30); canvas.drawPoint(100, 100 ,paint);

사각형 : drawRect

Paint paint = new Paint(); paint.setColor(Color.RED); paint.setStrokeWidth(30); Rect rect = new Rect(10, 10, 100, 100); canvas.drawRect(rect ,paint);

원 : drawCircle

Paint paint = new Paint(); paint.setColor(Color.RED); paint.setStrokeWidth(30); canvas.drawCircle(100 , 100 , 20 ,paint);

호 : drawArc

Paint paint = new Paint(); paint.setColor(Color.RED); paint.setStrokeWidth(30); RectF rect = new RectF(10, 10, 100, 100); canvas.drawArc(rect , 0 , 90 ,true , paint);

문자열 : drawText

paint.setTextSize(35); paint.setColor(Color.BLACK); canvas.drawText(String.valueOf(value), width/2, height/2,paint);

이미지 : drawBitmap

Paint paint = new Paint(); Bitmap a = BitmapFactory.decodeResource(context.getResources(),R.drawable.retry); Rect rectSrc = new Rect(0, 0, a.getWidth(), a.getHeight()); Rect rectDes =new Rect(10, 10, 100, 100); canvas.drawBitmap(a, rectSrc, rectDes, paint);

둥근 사각형 drawRoundRect

Paint paint = new Paint(); paint.setColor(Color.RED); RectF rect =new RectF(10, 10, 100, 100); canvas.drawRoundRect(rect, 10, 10, paint);

타원 : drawOval

Paint paint = new Paint(); paint.setColor(Color.RED); RectF rect =new RectF(10, 10, 100, 100); canvas.drawOval(rect, paint);

뷰의 영역 전체를 그리려면?

canvas의 drawRGB, drawColor, drawPaint 메소드들 중 하나를 택해서 이용을 하면 된다.

canvas.drawColor(Color.alpha(Color.CYAN)); // 초기화 백지로 만듭니다.

Paint 객체로 어떤 속성을 줄 수가 있을까?

paint 객체 메소드로 4가지이상의 속성을 줄 수가 있습니다.

1. 색상 : setColor, setARGB

2. 안티 앨리어스(외관선 부드럽게 하기) :setAntiAlias

3. 선의 종류 : setStyle

4. 선의 속성 : setStrokeWidth(두께), setStrokeCap(끝부분 설정), setStrokeJoin(선끼리 만나는 지점)