앱 인벤터 팔레트의 User Interface 의 ListView 요소를 사용하여 텍스트형 리스트 데이터를 스크롤해야 할 정도로 입력한 상태에서 하나를 클릭하여 선택된 리스트 데이터를 라벨에 표현 해보자. 리스트 데이터가 마노을 경우에 대비해서 필터도 준비하도록 한다.
스크롤 가능한 데이터는 알기 쉽게 One, Two, ∙∙∙, Thirteen 으로 13개를 사용하기로 하자.
Components 구조는 2개의 수평레이아웃을 준비하고 윗 쪽에는 Label1을 아랫 쪽에는 ListView1을 넣어 둔다.
Blocks에서의 이벤트 코드 구조를 살펴보자. ListView1에 포함된 요소를 크릭하면 Label1에 Text 데이터를 이벽하되 그 방법은 ListView1 의 선택인덱스 즉 13개의 데이터를 준비했으므로 어느 하나를 클릭하면 그 데이터에 해당하는 순번을 뽑은 상태에서 콜론 데이타 “ : ” 와 LIstView1 의 클릭된 텍스트 내용을 합하여(Join) 출력한다.
다음의 결과는 ListView 요소의 속성 설정 내용과 스마트 폰에서 필터를 사용하여 T자가 들어가는 List View 데이터를 뽑아 냔 후 Three를 클릭하면 Label 창에 3 : Three 의 결과가 디스플레이 됨을 보여 준다. 한편 스마트폰 화면상에서 13개의 데이터를 동시에 디스플레이 할 수 없으므로 스크롤 작업이 가능한자 시험해 보자.
첨부된 코드를 import 하여 오픈 후 코드를 실행하여 필터 기능을 비롯한 ListView 의 기능을 살펴보자.
ListViewer.aia
'앱 인벤터 appinventor' 카테고리의 다른 글
| RC Car 블루투스 조종기 앱 인벤터 코딩 (0) | 2022.11.19 |
|---|---|
| 아두이노 RC Car 블루투스 제어 키보드 앱인벤터 앱 설치 (1) | 2022.11.19 |
| Play Store에서 “Arduino RC Car Bluetooth HC-06 Control“ 앱을 다운 받으세요! (0) | 2019.05.17 |
| SPS 미세먼지 센서 농도 앱인벤터 디스플레이 (0) | 2019.02.16 |
| SPS미세먼지 센서 블루투스 출력 앱인벤터 모니터링 (0) | 2019.02.12 |