ios rotate list

IPhone UI...UX 2017. 3. 21. 15:06



이번 프로젝트에서 개고생했던 UI들중 하나..

클라이언트가 회전하는 cd를 만들고싶다며 요구한 사항..


기본은 cd Image의 크기를고정시키고 cd 영역을 8 개로나눈뒤 uilabel을 할당하고  label이 중앙에 위치하였을때 의 위치를 고려하여 CGaffineTransform 함수로 각라벨들을 미리 회전시켜놓는다.


cdimageview 위에 pangestureRecognizer를 얹어주고 해당 offset에따른 각도를 계산해 cd를 돌려주는데 애메한 위치에 멈출경우 자동으로 가장가까운 라벨에 중심을 맞추게된다.


이미지가돌아갈때마다 uilabel의 위치를 계산하여 중심에오는 라벨의 크기를 변경하는데 imageView가 transform되지만 그안의 label들 좌표는 고정이 되어있는형태라 이부분을 해결하는데도 진땀을좀 뺏다


list의 갯수가 8개를 넘어가게되면 한바퀴가돌때마다 자동으로 이후의 list로 바뀐다. list에담을 수있는 갯수는 제한이없는데 예외들을 처리하는데 꽤 힘들었다.


클라이언트가 만들어달래서만들어주긴했는데 편의성에서보자면 전혀 쓰잘때기없는 Ui구현이었다.






WRITTEN BY
arcjeen
ios 관련문의 slimforce@naver.com

,