코듈러(kodular),앱인벤터(app inventor) CD 아이콘을 회전시키는 예제

인터넷에서 아이콘을 다운 받습니다. 이때 그림 파일의 확장자를 png(배경 투명 처리)인 것을 고르시면 됩니다.

일반 jpg확장자 아이콘은 배경색이 투명이 아니라 회전시키면 CD회전하는 모양이 제대로 구현되지 않습니다.

Image 콤포넌트를 핸드폰 화면 원하는 위치에 추가한 후 다운 받은 아이콘을 속성의 picture에 추가합니다.

이때 Height와 Width를 핸드폰에 화면에 맞게 크기를 [숫자, %, auto, parent] 을 사용하여 적절하게 조절합니다.

그리고 디자인에서 콤포넌트 중 [clock]을 추가합니다.

이 클락의 [interval]을 기본 1000으로 하지 말고 대략 50 내외의 숫자로 조정합니다.

그래야 영화의 프레임과 같이 적절한 회전 모양이 구현됩니다. 숫자가 크면 뚝 뚝 끊기는 현상이 발생하니 숫자를 적당히 보기 좋은 모양이 구현되는 것으로 조절하세요.

그리고 위와 같이 블럭을 처리하시면 됩니다. 이때 더하는 숫자도 적절하게 본인의 취향에 맞춰 조절하시면 됩니다.

숫자가 너무 크면 역시 부드럽지 않은 회전이 구현됨으로 적절하게 조절하시면 됩니다.