앱 인벤터2 - 스크린 컴포넌트

1. 앱 인벤터2의 스크린 컴포넌트

모든 앱이 하나의 화면으로만 구성된 것은 아니다. 이 또한 앱 인벤터2에서 스크린 컴포넌트를 사용해 스크린간 이동할 수 있게 만들 수 있다. 이제 그 스크린 컴포넌트에 대해 정리해보겠다.

 

1-1. Screen1

앱 인벤터2를 실행시키고 새 프로젝트를 만들면 바로 뜨는 이 화면 자체가 바로 스크린이다. 정확히 이 첫번째 스크린은 Screen1이라고 하며, 이 이름을 바꿀 수 없으며 삭제할 수도 없다! Screen1은 앱이 시작될 때 처음 나타나는 화면을 의미하기 때문에 프로그램을 만들 때 항상 이 점을 염두에 두어야 한다. 이런 특징 때문엔지 일반적으로 Screen1은 여러 개의 기능을 가지기 때문에 이를 여러 개의 화면을 가진 앱을 만드는 경우, 다른 화면들을 열기 위한 초기 메뉴 화면의 역할을 하게 되는 경우가 많다.

이 Screen1은 다른 추가된 스크린은 가지고 있지 않은 다양한 속성들이 있는데, 그 중 핵심적인 속성 몇가지를 정리하겠다.

Screen1의 고유 속성	정의 및 특징
강조색(AccentColor)	앱 내 테마의 주 색상
앱 이름(AppName)	해당 프로젝트로 앱을 만들었을 때 앱이 가지는 이름. 일반적으로 프로젝트 이름과 같지만 이 속성을 변경해 기존 프로젝트 이름과는 다른 이름을 가지게 할 수 있다.
아이콘(Icon)	이 프로젝트로 앱을 만들었을 때 스마트폰에 표시되는 앱의 아이콘 모양
크기 조정(Sizing)	앱 화면 크기 조정 방식을 고정형(적응형, 기기에 따라 화면 크기가 달라짐)으로 할지 반응형(웹 사이트를 줄였다 늘였다 할 때 그에 맞게 화면이 반응해 크기를 조정함)으로 할지로 정한다.
테마(Theme)	앱 자체의 전체적인 테마
버전 코드(VersionCode)	해당 앱의 버전 정보
버전 이름(VersionName)

 

1-2. 스크린 컴포넌트 추가/삭제

스크린을 추가하려면 상단의 '스크린 추가' 버튼을 누르고, 원하는 이름을 적은 다음 '확인' 버튼을 누르면 된다. 앱 인벤터2에선 글을 쓰고 있는 지금까지도 스크린 이름은 한국어로 쓸 수 없으며, 알파벳, 숫자, 밑줄만 사용할 수 있고 반드시 알파벳으로 시작해야 한다.

삭제할 수 없는 Screen1을 제외한 다른 스크린을 삭제하려면, 상단의 '스크린 삭제' 버튼을 누르고 삭제하려는 해당 스크린의 이름을 직접 입력한 뒤 '삭제'를 눌러야 한다. 여기선 꼭 스크린 제거를 누른 해당 스크린 컴포넌트의 이름을 입력해야 '삭제' 버튼이 활성화 되고 삭제할 수 있다. 그러니까 Screen3에서 '스크린 제거'를 누른 뒤 'Screen2'를 입력해도 삭제 버튼이 활성화 되지 않는다.

 

1-3. 스크린 컴포넌트 블록 코딩

이벤트 블록에는 초기화 조건(해당 화면이 처음 열릴 때의 조건), 오류 발생 조건, 권한 승인 조건, 스크린 관련 조건, 뒤로가기 버튼 클릭 조건 등의 이벤트 발생 시에 관한 조건을 제시하는 블록들이 있다.

 

호출 블록에는 권한 요청 호출 및 키보드 화면 숨기기 호출을 하는 블록들이 있다.

지정 블록과 속성 블록은 조건과 지정을 나타내니 그때 그때 필요한 걸 쓰면 되기에 따로 설명을 적진 않겠다.