캘린더관리 아톰의 날짜영역에 이미지 표시하기

스마트메이커에서 제공하는 캘린더관리 아톰은 다이어리/일정관리 등의 앱을 만드는데

쉽게 활용이 가능합니다.

하지만 원하는 날짜 영역에 이미지 표시를 할수 있는 기능이 있다면,

좀더 다양한 형태의 UI 구성이 가능하겠지만, 현재는 기능이 없기 때문에 편법? 으로 간단하게

원하는 날짜 영역에 이미지를 표시해 볼수 있도록 하겠습니다.

이와 같은 결과물을 얻기 위해서는 스크롤묶기 아톰을 활용합니다.

​

일단 그림삽입 아톰을 만들고 아이콘 이미지를 설정합니다.

그림삽입 아톰은 초기값으로 화면감춤으로 설정합니다.

 

 

바둑판 모양으로 스크롤이 설정될수 있도록 표시행수/전체행수, 표시열수/전체열수를 설정합니다.

크기도 캘린더의 날짜영역과 동일한 크기로 설정될 수 있도록 합니다.

나중에 캘린더 아톰 밑으로 스크롤묶기 아톰이 들어가 겹쳐 보이게 하기 위함입니다.

 

 

아래와 같이 각각의 아톰이 겹칠수 있게 크기를 맞추고, 표시순서를 캘린더가 위해 올수 있도록 합니다.

배경색상은 투명으로 설정하게 하여 캘린더 밑에 깔린 스크롤 아톰이 보일수 있게 합니다.

 

이전 셈플 (만년달력) 에 구현되었던 논리를 이용해

첫번째 1일 이 위치하는 요일을 구할수 있도록 합니다.

 

문단 도장표시(기준일) 를 통해

원하는 날짜가 스크롤의 샐 위치에 해당하는 영역을 계산하여 그림을 표시할 수 있도록 합니다.