상점다이얼로그에 상품품목 리스트 표시

[진행상황]

퇴근후, 현재까지 한 30분 작업 한 결과
(페이지 별 이미지 구분을 위해 대충 그려서 색칠을 함)

별도로 준비된 상품리스트 (건물유닛) 이미지

를 각각 상점 다이얼로그에
Sprite 버튼인 UIPicture 의 child 8개를 붙여서 한 페이지를 표시하였다.

 

상점이 팝업되면 뒤의 게임화면 레이어와 메인UI 창은 모두 EnableWindow() util함수를 만들어서 ColorTransform 처리로 어둡게 표시하면서 마우스 이벤트를 모두 Disable 처리 하였다.

TO DESIGNER (필립킹)
상점품목리스트 가로 4, 세로는 새유닛 추가마다 n개의 줄로 계속 늘어남,
1 cell size 정보 : 166 x 204

유닛 갯수 정보는 xml 에 포함된다.
아래는 XML 정보
(현재,각 건물Row당 count 4개 ,즉 총 12개임)

이 에디터를 쓰고싶으면 클릭!!

 
HOW TO IMPLEMENT? (A PART OF CODE)

MAXITEM_PER_PAGE 8 //한 페이지 표시 갯수 private function initPage() : void { //_picidlist.push( var row :uint = 0; var col :uint = 0; var xoff:uint = 52; //상품목록이 표시될 상점 Dialog 의 좌표 offset var yoff:uint = 135; // 이것은 나중에 상점 다이얼로그 디자인이 바뀌면 바꾸는 부분 for(var i:uint = 0; i < MAXITEM_PER_PAGE;i++){ var pic:UIPicture = new UIPicture(i); //상품하나를 표시하기 위해 만든 액자기능의 클래스(마우스클릭감지등) _piclist.push(pic); addChild(pic); row = i / 4; col = i % 4; pic.x = xoff + col * 166; //상점다이얼로그에 표시할 각 상품의 좌표 pic.y = yoff + row * 204; } }

TODO
화살표 이미지 마우스 반응 토글처리
화살표 눌러 다음페이지 미구현..
마우스 클릭시,건물 빌드 미구현..


p.s: 아, 저녁 먹으면서 포도주 한잔 했더니 약간 알딸딸 하구나..ㅎㅎ
       역시 음주코딩은 날라다닌다...
       오늘의 컨셉: 10분 일하고 50분 쉬기


ENJOY TIME

더 멋지게(없이 멋지게)
일어날 거야(without you)
살아갈 거야(without you)