이번 시간에는 앱에서 알림 경고, 메시지, 선택 대화창 보이기등을 보여주는 알림(Notifier) 컴포넌트의 사용법에 대해서 알아보겠다.
먼저 디자이너 에디터의 화면을 다음과 같이 구성한다. 알림(Notifier) 컴포넌트의 사용법을 알아보기 위해 두개의 버튼을 사용한다. 첫번째 버튼은 일반적인 알림 설정에 대한 방법을 알아보기 위한 버튼이고 두번째 버튼은 앱을 종료할때 선택 대화창을 띄워 종료가 확실한지 물어보는 대화창을 띄워 볼 것이다.
두개의 버튼을 화면 가운데에 배치하고 위아래로 레이블을 두어서 버튼의 위치를 조정한다. 그리고 알림 컴포넌트를 화면가운데에 배치한다. 그러면 알림 컴포넌트는 보이지 않는 컴포넌트이기 때문에 Screen1 화면 아래쪽에 위치 할 것이다.
이제 블록 에디터에서 작업을 이어간다. 이번 블록창은 알림 표시하기 버튼을 클릭했을 때 단순히 알림 경고창을 띄우기 위한 코딩부이다. 'notifierButton'을 클릭해서 '언제 notifierButton. 클릭했을때' 버튼을 끄집어 내서 화면에 배치한다. 알림1 컴포넌트를 클릭해서 열리는 블록 중 '호출 알림1. 경고창 보이기' 블록을 '언제 notifierButton. 클릭했을때' 이벤트 블록안에 끼워 넣는다. 그리고 알림 홈에 '텍스트' 블록을 끼워넣고 경고창에 표시하고 싶은 글자를 입력한다.
이번 블록창은 앱 끝내기 버튼을 클릭했을 때 앱의 종료를 확인하기 위한 선택 대화창 보이기를 출력하는 코딩부이다. 앱 끝내기 버튼을 클릭하면 '호출 알림1. 선택 대화창 보이기'의 메시지와 'Yes', 'No' 선택 버튼을 출력한다. 만약 'Yes'를 클릭하면 앱 종료를 실행하고 'No'를 선택하면 아무일도 일어나지 않는다.
이 앱을 실행하면 나타나는 초기화면이다. 두개의 버튼이 클릭을 기다리고 있다.
'알림표시하기' 버튼을 클릭하면 '경고 버튼을 클릭했습니다.'란 경고창이 나타난다.
'앱 끝내기 버튼'을 클릭하면 '이 앱을 끝낼까요?'라는 선택 대화창이 나타난다.
'Yes'를 선택하면 앱이 종료되고 스마트폰 메인 화면이 나타난다.
'SW 배움터 > 앱인벤터2' 카테고리의 다른 글
| 앱인벤터2 왕초보 강좌 12 : 스피너(Spinner)로 하나만 골라보자. (0) | 2021.09.27 |
|---|---|
| 인벤터2 왕초보 강좌 11 : 슬라이더(Slider)로 남은 시간을 표시하자. (0) | 2021.09.23 |
| 앱인벤터2 왕초보 강좌 8 : 목록뷰(ListView) 사용법 (2) | 2021.09.16 |
| 앱인벤터2 왕초보 강좌 7 : 목록 선택 버튼(ListPicker) 사용법 (0) | 2021.09.14 |
| 앱인벤터2 왕초보 강좌 6 : 레이블은 두가지 기능만 한다. (0) | 2021.09.13 |