[모두의 마블]


한 화면에 4개의 카타고리를 구분함
화면이 움직이지는 않고, touch begin에서 scale액션이 있음


첫 화면에서 다이아를 눌렀을때 모습
cell의 크기가 view의 크기보다 커서 오른쪽이 조금 잘림
가격과 보너스를 명시해주고, 바로 선물도 가능함


다이아 상품중 하나를 누르면 위 팝업창이 나옴



선물하기를 누르면 상대방을 선택할수 있음



클로버는 선물하기가 없다.


다른 상품도 캐릭터 카드 상품 창과 동일하게 scroll view를 활용해서 만들어졌다.

움직일때만 아래  scroll bar가 나오고 동작이 멈춘상태로 일정 시간이 지나면 scroll bar가 사라진다.


[요약]
1. 상점을 한곳으로 모았음.
2. 각 상품마다 보너스로 주는 양을 표시함.
3. 각 상품은 설명과 이미지를 모두 표시 가능한 형태.
4. scroll view를 활용해 추후 상품의 개수가 늘어났을때를 대비함
5. 각 상품 칸의 크기가 view의 크기와 딱 맞지는 않음.

'UI' 카테고리의 다른 글

할인율 표기의 방법과 효과  (0) 2013.10.24
메테오스 상점  (0) 2013.10.17
넷마블 크로스 프로모션  (0) 2013.10.17

+ Recent posts