2011년 7월 19일 화요일

제 13 장 멀티유저용 인터넷 즐겨 찾기 4 (그림파일 등의 추가작업)

1. 상기 예제에서 다음의 구성을 추가한다.  이하의 상세설명은 즐겨찾기 인터넷과 실질적으로 동일하지만 기재상에 있어 근소한 차이가 있는 부분이 있다.

1-1. 프로젝트의 명칭은 MultiuserFavoriteInternetVersion으로 한다.

1-2. 2 단계의 예제에서 사용된 그림파일은 디자이너창의 미디어컬럼의 파일명칭을 클릭하여 컴퓨터에 다운로드할 수 있다.

  
1-3. 또는, 압축파일(MultiuserFavoriteInternetVersion.zip)을 풀어서 폴더(assets)안에 있는 그림파일을 사용하여도 된다.

  
2. 디자이너창의 전체를 나타내는 스크린샷은 다음과 같다.

  
참고사항: 상기 디자이너창의 구성요소와 이후에 설명하는 블록에디터창의 기능블록에 대응하는 넥서스S의 멀티유저 즐겨찾기 화면은 다음의 스크린샷과 같다.


2-1. 상기 스크린샷에서의 즐겨찾기 명칭:인터넷 주소:는 그림파일(favorite.png, internet.png)에 각각 해당하고, 이미지(image1, image2)의 속성컬럼의 그림(Picture)난에서 해당 그림파일을 각각 선택하면 상기 스크린샷과 같이 나타난다.

2-2. “즐겨찾기 추가는 그림파일(favoriteAdd.png)에 해당하고, 버튼(AddButton)의 속성컬럼의 이미지(Image)난에서 상기 그림파일을 선택하면 상기 스크린샷과 같이 나타난다.

2-3. “즐겨찾기 선택즐겨찾기 제거는 그림파일(favoriteSelect.png, favoriteRemove.png)에 각각 해당하고, 리스트피커(SelectListpicker, RemoveListpicker)의 속성컬럼의 이미지(Image)난에서 해당 그림파일을 각각 선택하면 상기 스크린샷과 같이 나타난다.

2-4. “안테나는 그림파일(antenna.png)에 해당하고, 버튼(Button1)의 속성컬럼의 이미지(Image)난에서 상기 그림파일을 선택하면 상기 스크린샷과 같이 나타난다.

2-5. 또한, 즐겨찾기 추가버튼(AddButton)을 터치할 때 순간이미지가 나타나도록 디자이너창에서 클록(Clock1)을 추가한다.  클록의 속성컬럼에서 타이머구동(TimerEnabled)난에 체크표시를 제거하고, 타이머인터벌(TimerInterval)난에 250을 기재한다.

3. 안테나 그림을 터치하면 구글사이트로 이동하는 블록은 이하의 스크린샷과 같다.


  
4. 즐겨찾기 추가버튼에서 제 1 단계의 예제와의 차이점은 버튼을 터치할 때에 클록타이머가 구동하고 순간이미지(favoriteAddVersion.png)가 나타나고 문자도 그림파일에 포함되어 있는 점이다. 

4-1. , 클록타이머를 구동하는 블록{(set Clock1.TimerEnabled to), (true)} 및 버튼이미지를 순간이미지로 설정하는 블록{(set Addbutton.Image to), (text favoriteAddVersion.png)}을 추가한다.


4-2. 상기 두블록을 추가버튼에 조합한 스크린샷은 다음과 같다.


  
5. 상기한 바와 같이 즐겨찾기 추가버튼의 터치에 의해 구동되는 클록타이머(Clock1.Timer)를 부가하여 버튼이미지를 고정이미지(favoriteAdd.png)로 설정하고 클록자신의 타이머의 구동을 중지한다.

  
6. 지금까지 설명한 블록을 종합한 3개의 스크린샷을 이하 나타낸다.








댓글 없음:

댓글 쓰기