App Inventor Story: 제 14 장 RSS 어플리케이션 2 (디자이너창 작업)

5. 구성요소 작업

기존의 디자이너창에 새로운 기능을 부가하기 위해 리스트피커, 액티비티스타터 및 통보자(Notifier) 등의 구성요소를 추가한다.

1. 기존의 디자이너창은 다음과 같다. 즉, 텍스트박스(txtRSSUrl), 버튼(btnGetRSS), 라벨(lblRSS) 및 소형웹데이터베이스(rssdb) 등으로 구성되어 있다.

참고 사항: 소형웹데이터베이스(rssdb)는 소형웹데이터베이스(TinyWebDB)의 명칭을 rssdb로 정정한 것이다.

디자이너창에서 상기 구성요소에 다음의 구성요소를 추가한다.

2. 우선, 팔레트컬럼의 기본(Basic)드로워에서 리스트피커(ListPicker)를 2회 선택하여 뷰어로 각각 드래그하고, 구성요소(Components)컬럼에서 리스트피커의 명칭을 각각 SelectListPicker와 RemoveListPicker로 정정하고, 속성(Properties)컬럼의 텍스트난에 “기사 선택” 및 “초기화”를 기재한다. 또한, 기존의 버튼(btnGetRSS)의 텍스트난에서 “GetRSS”를 “RSS구하기”로 정정한다.

3. 또한, 팔레트컬럼에서 스크린배열(Screen Arrangement)드로워를 열고 수평배열을 선택하여 뷰어의 텍스트박스(txtRSSUrl)와 라벨(lblRSS) 사이에 드래그하고 속성컬럼의 폭을 Fill Parent로 설정한 다음, 기존의 버튼(btnGetRSS), 선택용 리스트피커(SelectListPicker) 및 제거용 리스트피커(RemoveListPicker)를 이 수평배열내에 드래그하면 수평으로 정렬된다.

4. 인터넷에 접근하기 위해, 필레트컬럼의 기타 자료(Other Stuff)드로워를 열고 ActivityStarter를 선택하여 뷰어로 드래그하면, 뷰어의 외측하부영역에 넌비지블한 구성요소(Non-visible Component)로서 자동으로 이동하여 배치된다. 속성컬럼의 액션(Action)난에 “android.intent.action.VIEW”를 적어 넣는다.

5. 팔레트컬럼의 기타 자료(Other Stuff)드로워를 열고 통보자(Notifier)를 선택하여 뷰에 드래그한다. 이 통보자(Notifier)는 뷰어의 하부에 넌비지블한 구성요소로서 자동으로 이동하여 배치된다.

6. 기존의 텍스트박스에 대한 속성컬럼의 텍스트난의 RSS인터넷주소를 예를 들면, http://rss.ohmynews.com/rss/ohmynews.xml로 변경한다. RSS인터넷주소를 변경하지 않고 그대로 두어도 된다.

7. 소형 웹데이터베이스(rssdb)에 대한 속성컬럼의 서비스URL(service URL)의 디폴트값은 http://tinywebrss.appspot.com이다. 그대로 사용하여도 되고, 이 값은 상기한 바와 같이, 사용자의 앱리케이션 식별자(Application Identifier)가 “myapp”이면, http://myapp.appspot.com 를 정정하여도 된다.

8. 상기한 바와 같이 설명한 디자이너창의 구성배열의 스크린샷은 다음과 같다.