CHAP 8. 고급 그래픽과 O PEN GL

© 2012 생능출판사 All rights reserved C ANVAS 클래스와 P AINT 클래스

© 2012 생능출판사 All rights reserved 그래디언트 연속하여 변화되는 색상 선형 그래디언트 원형 그래디언트 비트맵 그래디언트

© 2012 생능출판사 All rights reserved 선형 그래디언트 예제 (1/3)... class MyView extends View { public MyView(Context context) { super(context); } public void onDraw(Canvas canvas) { Paint paint = new Paint(); paint.setShader(new LinearGradient(0, 0, 100, 0, Color.WHITE, Color.BLUE, TileMode.CLAMP)); canvas.drawRect(0, 0, 300, 50, paint); canvas.drawText("CLAMP", 0, 70, paint); paint.setShader(new LinearGradient(0, 0, 100, 0, Color.WHITE, Color.BLUE, TileMode.MIRROR));

© 2012 생능출판사 All rights reserved 선형 그래디언트 예제 (2/3) canvas.drawRect(0, 70, 300, 120, paint); canvas.drawText("MIRROR", 0, 140, paint); paint.setShader(new LinearGradient(0, 0, 100, 0, Color.WHITE, Color.BLUE, TileMode.REPEAT)); canvas.drawRect(0, 140, 300, 190, paint); canvas.drawText("REPEAT", 0, 210, paint); int[] colors = { Color.WHITE, Color.RED, Color.BLUE }; float[] positions = { 0.0f, 0.8f, 1.0f }; paint.setShader(new LinearGradient(0, 0, 320, 0, colors, null, TileMode.CLAMP)); canvas.drawRect(0, 210, 300, 260, paint); canvas.drawText("colors[]", 0, 280, paint); paint.setShader(new LinearGradient(0, 0, 320, 0, colors, positions, TileMode.CLAMP)); canvas.drawRect(0, 280, 300, 330, paint); canvas.drawText("colors[] 와 positions[]", 0, 350, paint); }

© 2012 생능출판사 All rights reserved 선형 그래디언트 예제 (3/3) public class GradientTest extends Activity { /** Called when the activity is first created. public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(new MyView(this)); }

© 2012 생능출판사 All rights reserved 원형 그래디언트

© 2012 생능출판사 All rights reserved 원형 그래디언트 예제 public void onDraw(Canvas canvas) { Paint paint = new Paint(); paint.setShader(new RadialGradient(100, 100, 50, Color.RED, Color.YELLOW, TileMode.CLAMP)); canvas.drawCircle(100, 100, 50, paint); paint.setShader(new RadialGradient(250, 100, 50, Color.YELLOW, Color.RED, TileMode.CLAMP)); canvas.drawCircle(250, 100, 50, paint); paint.setShader(new SweepGradient(100, 250, Color.RED, Color.YELLOW)); canvas.drawCircle(100, 250, 50, paint); paint.setShader(new SweepGradient(250, 250, Color.YELLOW, Color.RED)); canvas.drawCircle(250, 250, 50, paint); }

© 2012 생능출판사 All rights reserved 비트맴 그래디언트 class MyView extends View { public MyView(Context context) { super(context); } public void onDraw(Canvas canvas) { Paint paint = new Paint(); Bitmap bitmap = BitmapFactory.decodeResource(getContext().getResources(), R.drawable.bitmap); paint.setShader(new BitmapShader(bitmap, TileMode.REPEAT, TileMode.REPEAT)); canvas.drawRect(0, 0, this.getMeasuredWidth(), this.getMeasuredHeight(), paint); }

© 2012 생능출판사 All rights reserved 트랜스퍼 모드 이미지와 이미지를 겹쳐서 화면에 그리는 경우에 어 떤 연산을 할 것인지를 정의

© 2012 생능출판사 All rights reserved class MyView extends View { private static final int W = 80; private static final int H = 80; private static final int ROW_MAX = 4; // 한 행의 샘플 개수 private Bitmap mSrcB; private Bitmap mDstB; // 비트맵을 생성한다. Bitmap makeDst(int w, int h) { Bitmap bm = Bitmap.createBitmap(w, h, Bitmap.Config.ARGB_8888); Canvas c = new Canvas(bm); Paint p = new Paint(Paint.ANTI_ALIAS_FLAG); p.setColor(0xFFFFCC44); c.drawOval(new RectF(0, 0, w * 3 / 4, h * 3 / 4), p); return bm; } // 비트맵을 생성한다. Bitmap makeSrc(int w, int h) { Bitmap bm = Bitmap.createBitmap(w, h, Bitmap.Config.ARGB_8888); Canvas c = new Canvas(bm); Paint p = new Paint(Paint.ANTI_ALIAS_FLAG); p.setColor(0xFF66AAFF); c.drawRect(w / 3, h / 3, w * 19 / 20, h * 19 / 20, p); return bm; } 트랜스퍼 모드 예제

© 2012 생능출판사 All rights protected void onDraw(Canvas canvas) { canvas.drawColor(Color.WHITE); Paint paint = new Paint(); // paint.setFilterBitmap(false); paint.setXfermode(null); canvas.drawBitmap(mDstB, 0, 100, paint); paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_OVER)); canvas.drawBitmap(mSrcB, 0, 100, paint); } … 트랜스퍼 모드 예제

© 2012 생능출판사 All rights reserved 2 차원 변환 평행 이동, 신축, 회전과 같은 기본 변환 뿐만 아니 라 밀림 변환 (skew transformation) 과 같은 추가적 인 변환도 가능

© 2012 생능출판사 All rights reserved 회전

© 2012 생능출판사 All rights reserved 신축

© 2012 생능출판사 All rights reserved 영상처리 영상의 각 픽셀 값에 변화를 주는 것이다. 영상처리의 예 영상을 흐리게 하거나 영상을 선명하게 하는 것 영상에서 에지 (edge) 를 추출하는 것

© 2012 생능출판사 All rights reserved 마스크 필터 픽셀 (pixel) 을 중심으로 마스크를 씌워서 연산을 한 후에 연산의 결과값으로 픽셀값을 변경하는 것 블러 마스크 필터 엠보스 마스크 필터

© 2012 생능출판사 All rights reserved

엠보스 마스크 필터

© 2012 생능출판사 All rights reserved O PEN GL 1.1 버전과 2.0 버전을 지원

© 2012 생능출판사 All rights reserved O PEN GL ES 그래픽을 위한 액티비티 생성 하기

© 2012 생능출판사 All rights reserved M Y GLS URFACE V IEW 클래스 작성

© 2012 생능출판사 All rights reserved R ENDERER 클래스 작성

© 2012 생능출판사 All rights reserved 삼각형 정의

© 2012 생능출판사 All rights reserved 삼각형 그리기

© 2012 생능출판사 All rights reserved 삼각형에 컬러 정보 추가

© 2012 생능출판사 All rights reserved 삼각형 회전