2011년 3월 12일 토요일

[WAD1.x 강좌] 6. New - Today Plugin 메뉴

이제 WAD 1.x 버젼의 강의도 막바지인것 같다. 남은 메뉴는 Today Plugin, Text, Clock 3가지가 남았다. 아마도 이번 강좌 이후 다음 강좌가 WAD 1.x 버젼의 마지막 강좌가 될것 같다.

사용자 삽입 이미지
Today Plugin 메뉴
Today Plugin 메뉴는 WAD를 구성하는데 있어 많이들 사용하는 메뉴중 하나 이다. 버튼과 더불어 날씨나 일정, 연락처 등등의 다양한 투데이화면을 구성하는 요소중 하나 일것이다.

Today Plugin 를 확인 해보는것은 간단하다.
시작 버튼 > 설정 > 오늘 > 항목 을 가보면 이미 날짜, 시계, 무선, 소유자정보, 바로가기, 작업 등등의 기본 투데이 항목들이 있는것을 볼 수 있다.

여기에 사용자가 설치한 날씨 프로그램, 일정관리 프로그램 등등 많은 투데이 플러그인이 있다. 필자는 날씨 플러그인인 WeatherBar 와 일정관리 플러그인인 Today Agenda 2개를 설치해놓은 상태이다.


사용자 삽입 이미지
새로운 Virtual Page, 이동 Button 만들기
이전 강좌에서 Virtual Page와 Button 메뉴에 대해 설명을 하였다. New 메뉴에서 Virtual Page를 선택하면 새로운 화면이 우측과 같이 만들어질 것이다.


사용자 삽입 이미지사용자 삽입 이미지


사용자 삽입 이미지사용자 삽입 이미지

VIrtual Page가 여러개 이다보니 화면이 늘어나면 날수록 Page 0, Page 1, Page 2 이런식으로 번호가 붙게 된다. 해서 구분하기가 쉽지 않기에 이 페이지들에 대해 이름을 붙여주도록 하자.
먼저 화면에 펜으로 꾸욱~ 눌러주면 Page 메뉴가 있을것이다. 거기에서 Properties를 선택하면, 위의 화면 우측처럼 나올것이다.

Page Name : 이부분에 아마 Page 0혹은 Page 1이라고 되어 있을것이다. 우리가 만들 화면이 플러그인 화면이기에 plugin 이라고 이름을 넣어주자.

그럼 이제 이 새로운 페이지로 이동할 수 있는 버튼도 하나 추가해보자.

사용자 삽입 이미지사용자 삽입 이미지

dock에 펜으로 꾸욱 눌러 New 메뉴의 Button 메뉴를 클릭하자. 그리고 어떤 이미지를 사용할 것인지 선택을 하자.

사용자 삽입 이미지사용자 삽입 이미지

그리고 새로운 버튼을 눌렀을때 페이지로 이동해야 하기에 위의 그림처럼 Switch to Page를 선택하면 조금 전에 plugin이라고 이름을 바꾼 항목이 나온다. 그것을 선택하고 OK를 누르고 나오자. 그러면 우측에 화면처럼 새로운 버튼 하나가 추가가 되고, 누르면 플러그인 화면으로 이동하게 된다.

사용자 삽입 이미지
Today Plugin 화면에 추가하기
그럼 이제 부터 새로운 화면에 투데이 플러그인이 나오도록 해보자. 우선 화면에 표시할 항목은 받은 편지함과 필자가 설치해서 사용중인 WeatherBar 2개를 넣는 예제를 해보도록 하겠다.

사용자 삽입 이미지

화면상에서 펜으로 꾸욱~ 눌러주자. 그리고 New 메뉴에서 Today Plugin 메뉴를 선택해보자.

사용자 삽입 이미지사용자 삽입 이미지

Today Plugin 메뉴를 선택하면 위의 좌측과 같은 화면이 나올것이다. 여기서도 번호 1, 번호 2, 번호 3 3종류의 항목을 선택 혹은 입력하도록 되어 있을 것이다.

1. Available Today Plugins : 투데이 플러그인  화면에 어떤것을 넣을수 있는지 목록으로 보여준다.

2. Text Color : 선택한 플러그인 항목이 화면에서 글자색이 어떤 색깔일지를 결정한다.

3. Vertical Position : 화면에서 아래로 얼마나 떨어져서 플러그인이 보일지 결정한다.

우선 Available Today Plugins 에서 받은 편지함을 선택하고 OK를 누르고 화면으로 나와보자.

사용자 삽입 이미지

이런 화면으로 나올것이다. 제일 상단에 조금전에 선택한 받은 편지함 항목이 나올것이다. 그럼 조금 더 플러그인을 조정해보자.

사용자 삽입 이미지
플러그인 조정하기  및 WeatherBar 추가
아마 WAD 테마를 본 사람이라면 제일 상단에 밧데리 용량 표시 혹은 시계 같은 것이 있는것을 볼 수 있다. 그렇다면 저렇게 제일 상단에 받은 편지함을 위치시키면, 서로 겹치게 될것이다. 해서 섬세한 조절이 필요하다.

사용자 삽입 이미지사용자 삽입 이미지

화면에서 펜으로 꾸욱~~ 눌러주면 Page 메뉴가 보일 것이다. 거기에서 화면의 속성을 바꾸는 Properties 메뉴를 선택하자.

그러면 우측의 화면처럼 조금 전에 본 화면 정보가 나올것이다. 좀 전과 다르다면 Today plugins on this page 에 받은 편지함이 있는것을 볼 수 있다.

1. Vertical Position : 받은 편지함 항목을 위에서 얼마나 내려오게 보일것인지 결정
2. Text Color : 화면에 보여질 받은 편지함의 글씨 색깔과 크기 등을 결정

사용자 삽입 이미지사용자 삽입 이미지

자 그럼 받은편지함 항목으로 펜으로 선택하고 Vertical Postion의 값을 100으로 하고 Text Color 버튼을 선택하여 우측 화면처럼 검정색으로 설정해 놓자.

사용자 삽입 이미지

설정이 모두 끝났으면 OK를 눌러 화면을 보자. 받은편지함이 위에서 쭉~~ 내려와 있고, 글씨는 검정색으로 되어 있는것을 볼 수 있다. 이 옵션들은 사용자들의 취향에 따라 혹은 화면의 위치에 따라 설정해주면 되겠다.

사용자 삽입 이미지

자 그럼 다시 화면상에서 펜으로 꾸욱~~ 눌러 New 메뉴의 Today plugin 메뉴를 선택하자.

사용자 삽입 이미지사용자 삽입 이미지

그럼 좌측 화면 처럼 목록이 쭉~ 나올것이다. 그런데 Vertical Position의 값을 한번 보자. 120 이라고 벌써 정해져 있다. 이것은 WAD가 새로운 플러그인을 추가하게 되면 알아서 그 값을 넣어주게 되는것이다. OK 하고 화면으로 돌아오면 받은편지함 아래에 날씨가 나와 있을 것이다.
------------------------------------------------------------------------------------------
웨더바 보기 : http://fun4pda.tistory.com/entry/WeatherBar-099h