본문 바로가기

Sencha Touch 2

HW5 : Sencha Touch 2 이벤트를 활용해서 버튼이 사라졌다가 버튼이 나오게 하기

(지난 시간 블로깅 못한거ㅠㅠ)

지난 시간 과제에 이어 이번 시간은! 지난번 과제에서 만든 버튼들이 격자 무늬로 있는 Panel 을 활용하는 과제 입니다.


part 1 버튼 사라지기

버튼들 중 아무거나 하나 선택하면 1번 버튼 부터 끝번 버튼까지 차례로 사라집니다. 이 때 사라지는 간격은 등 간격(저는 0,4 초) 이어야 합니다.

아래 사진은 사라지는 중일 때 모습을 캡쳐한 것입니다.



part 2 버튼 나타나기

마지막 버튼이 사라지고 나서 다시 같은시간(0.4초) 이 흐른 뒤 다시 사라진 버튼들이 나타나기 시작해야 합니다.

그래서 다시 1번 버튼 까지 다 나타나고 나면 1번 button 의 id 혹은 text 를 출력해야 합니다.



show(), hide() 메소드를 활용해야 합니다.

show, hide 이벤트도 활요해야 합니다.

Ext.defer 도 활용해야 합니다.

이 모든 것은 지난 시간에 만들었던 gridpanel 부분만 바꿔주면 됩니다.!