봉봉의 개인 블로그

2017-06-22-P 본문

학원에서 배운것들/TEA - P

2017-06-22-P

봉봉이네 2017. 6. 22. 16:06

아날로그시계 만들어 보기.

먼저 프로젝트를 하나 만들어줍니다 프로젝트 이름은 Analogclock 이라고 만들었다.

먼저 만들고 난다음 layout 폴더를 삭제해 내가 만들 화면으로 보이게끔 만들것이다

그후 ClockView.java 파일을 하나 만들어줍니다.

이런식으로 만들어 줍니다.

이때 drawable 안에 clock 은 시계 화면이고

pin_1,2,3 은 시침 분침 초침이다.

그다음으로 할것은 MainActivity.java 의 내용을 수정해주어야합니다.

아래와 같이 수정해줍니다.

이런식으로 만들어줍니다 .이때 setContentView 안에는 새로 만든 ClockView 를 넣어줍니다

그러면 ClockView 의 화면을 화면에 보여주게 됩니다.

ClockView 를 이제 만들어 줍니다 이때 ClockView 는 View 를 상속 받아서 만들어줍니다.

이런식으로 위 사진과 같이 채워줍니다.

설명을 조금 하자면 먼저

18번째 줄에서 부터 26번째 줄까지는 무한루프에 관한 내용이다 (제기호출)

23번째 줄에서 자기 자신을 다시 요청합니다 뒤에 오는 숫자 100은 몇초마다 다시 handleMessage 를 요청할지를 적어놓은 것이다.

다음은 29번째 줄에서 43번째 줄까지는 선언에 관한 내용이다.

그후 44번째 줄에 ClockView에서는 사용할 이미지들을 불러오고 크기를 변수 안에 담아줍니다.

그후 70번째 줄에 onDraw 에서는 캠버스에 이미지를 그립니다. 

예를들어 73번째 줄만 설명하자면 캠버스 안에 Bitmap 을 드리겠다는것이다

첫번째 매개변수로는 어떻게 그릴것인지를 넣고 그다음으로는 위치값을 넣게 됩니다.

다음으로 92번째 줄에 onSizeChanged에 대해 설명하자면 화면의 크기를 구하는것이다.

그리고 98번의 getTime 에서는 Calendar 안에 getInstance를 이용해서

101 ~ 103 번까지의 시간을 구해서 담아줍니다.

그러면 이런식으로 시간을 표시하는 아날로그 시계가 나오게 됩니다.

'학원에서 배운것들 > TEA - P' 카테고리의 다른 글

2017-06-26-P  (0) 2017.06.26
2017-06-23-P  (0) 2017.06.23
2017-06-21-P  (0) 2017.06.21
2017-06-20-P  (0) 2017.06.20
2017-06-19-P  (0) 2017.06.19
Comments