고 투 더 멘토

Graphics

Android의 그래픽은 2D graphic library와 OpenGL를 이용한 3D그래픽이 준비되어 있다. 2D graphic은 drawable package에 공통으로 사용되는 API들이 정의되어 있으며, 3D graphic은 Khronos OpenGL ES package와 Android OpenGL utility들로 구성되어 있다.

Android graphics are powered by a custom 2D graphics library and OpenGL ES 1.0 for high performance 3D graphics. The most common 2D graphics APIs can be found in the drawable package. OpenGL APIs are available from the Khronos OpenGL ES package, plus some Android OpenGL utilities.

Canvas를 사용하는 방법은 View 구조에서 어떻게 그려야 하는지에 대해 좋은 정보를 제공할것이다.

2D 그래픽 그리기

1.     Layout의 View 객체에 graphic이나 animation을 그린다. 이 때 그리기 작업은 시스템의 일반적인 View구조의 그리기 순서에 따라 그려지게 된다. 간단하게 View내부에 graphic을 정의한다.

2.     Canvas에 직접 그린다. 해당 클래스의 draw()를 호출하거나 Canvas의 draw…()를 호출하여 그림

1번 View에 그리기는  가장 편하고 좋은 선택이다. Simple Graphics Inside a View. <- 참조

2번 Canvas에 그리기는 정기적으로 다시 그리기가 필요한 경우에 좋은 선택이다. Video game들은 Canvas에 그리기 방법을 사용한다.

·         UI Activity와 동일한 스레드상에서 layout에 custom View component가 생성되어 있는 경우 invalidate()를 호출하면 onDraw()콜백이 동작한다.

·         또는 별도의 스레드의 경우 동일스레드에서 처리하는 것 만큼 Canvas에 그리기를 수행하고 SurfaceView를 다루는 것이 빠르다. ...Begin by reading Draw with a Canvas.

단순한 그래픽(이미지, 모양, 색상, 미리만들어진 애니매이션등..)을 그리고자 한다면 View의 백그라운드를 그리고 layout안에 ImageView의 content영역에 그리기만 하면 된다. 그렇다면 이 문서를 건너뛰고 어떻게 그래픽과 애니매이션을 그리는지 배우길 바란다(2D Graphics 참조)

별도의 그리기를 구현하고자 한다면 Canvas를 이용해서 그려야 한다.

onDraw()콜백메소드에 Canvas객체가 제공되며 이를 이용하여 그릴수 있다. SurfaceHolder.lockCanvas를 통해 canvas를 얻을수도 있으며 이는 SurfaceView객체로 다룰 때 가능하다.

Canvas를 별도로 새로 생성하고자 할때는 반드시 실제로 그려지게될 Bitmap을 정의해야 한다. Bitmap은 Canvas에 항상 필요한 존재이다. 아래와 같이 새로운 Canvas를 셋업할수 있다.

Bitmap b = Bitmap.createBitmap(100, 100, Bitmap.Config.ARGB_8888);
Canvas c = new Canvas(b);

이렇게 생성된 canvas는 Canvas.drawBitmap(Bitmap, …)메소드중 하나를 이용하여 다른 canvas에 복사할 수 있다. View.onDraw()나 SurfaceHolder.lockCanvas()를 통해 얻어진 Canvas를 통해서 그리는 것을 권장한다.

drawBitmap(…), drawRect(…), drawText(…) 등 많은 함수 지원. 다른 클래스들도 draw()메소드를 지원한다. Drawable클래스 같은 경우 자신의 draw()메소드를 지원하여 Canvas에 인자로 사용되어 그려질 수 있다.

On a View

어플리케이션이 프로세싱이 많거나 frame-rate속도를 요하지 않는 경우(chess game같은 느린 애니매이션을 처리하는 게임등), View.onDraw()에서 Canvas를 그리는 customView를 만들어 사용할 수 있다. 이렇게 하면 안드로이드 프레임워크에서 제공하는 Canvas를 이용하여 쉽게 구현가능하다.

1.     View class를 extend한다.

2.     onDraw() callback를 정의한다. -> 이 메소드는 프레임워크에 의해 뷰가 그려져야 할 때 호출될것이다. draw관련 처리를 하는 지점이며 Canvas객체가 넘겨져 와서 이 객체를 다루면 된다.

안드로이드 프레임워크는 필요할때만 onDraw()를 호출한다. 그려져야 하는 싯점이 되면 애플리케이션에서는 invalidate()를 호출함으써 다시 그려지게 할 수 있다.

View component의 onDraw()에서는 Canvas객체를 사용하여 drawing을 처리한다. 이 때 Canvas의 draw…()나 canvas에 넘겨져온 클래스의 draw()메소드가 호출되어 drawing이 완성된다. 완성이 되면 프레임워크는 시스템에 의해 처리되는 비트맵을 그리기 위해 canvas를 사용할것이다.

View class의 확장에 대한 안내는 Building Custom Components 를 참조하라.

For a sample application, see the Snake game, in the SDK samples folder: <your-sdk-directory>/samples/Snake/.

On a SurfaceView

SurfaceView는 View구조내에서 surface를 그리는 목적으로 고안된 특별한 subclass이다. 목적은 애플리케이션의 두번째 스레드에서 별도로 그려서 시스템의 View구조에서 그리기 타임까지 기다리지 않도록 하게 하기 위해 고안되었다. 두번째 thread에서 참조하는 SurfaceView는 자신만의 Canvas에 그리기를 수행한다.

1.     SurfaceView를 extend한 새로운 클래스를 선언한다.

2.     SurfaceHolder.callback을 implement한다. 이 콜백 subclass는 하부의 Surface에 대한 정보와 함께 통지하는데 생성, 변경 또는 제거되었을 때 통지하게 된다. 이 이벤트를 통해서 언제 그리기를 시작해야 하는지 알수 있고, 새로운 surface속성에 맞게 조정하고, 언제 그리기를 종료하고 테스트를 죽일지등을 알수 있다. SurfaceView에서 두번째 Thread를 정의하여 모든 drawing procedure를 수행하는 것이 좋다.

3.     SurfaceHolder를 생성한다. Surface 객체를 직접 처리하지 않고 SurfaceHolder를 통해서 하는 것이 좋다. SurfaceView가 초기화되면 getHolder()로 SurfaceHolder를 얻는다.

4.     addCallback()을 호출하여 SurfaceHolder.Callback으로부터 이벤트를 수신하도록 한다. SurfaceHolder.Callback을 SurfaceView클래스내에서 override하여 addCallback()한다.

5.     두번째 thread에서 Surface에 Canvas를 draw하려면 반드시 SurfaceHandler를 전달해야 하며 lockCanvas()로 canvas를 얻어야 한다. 이렇게 해야 SurfaceHolder가 제공해준 Canvas를 얻게 된다.

6.     Canvas에 drawing을 한번 수행하면 canvas object를 인자로 unlockCanvasAndPost()를 호출해야 한다. lockCanvad()와 unlockCanvasAndPost()는 draw시 반드시 쌍으로 호출되어야 한다.

For a sample application, see the Lunar Landar game, in the SDK samples folder: <your-sdk-directory>/samples/LunarLander/. Or, browse the source in the Sample Code section.