NEW 앱인벤터2 강좌 3. 앱의 정보를 지정하는 Screen1의 속성 탐구

전체 강좌 목록:
http://semicolon1.kr/appinventor.html

post_std_03_000.png
이번 강좌에서는 특별한 스크린인 Screen1에 대해서 알아보도록 하겠습니다.


0. 개요

안드로이드 앱은 여러 개의 화면으로 이루어져 있습니다.
정식 명칭은 액티비티(Activity)이지만, 앱인벤터2 에서는 스크린(Screen)이라고 부릅니다.
여러분도 앱을 쓰다 보면 화면이 넘어가는 듯한 것을 본 적이 있을 것입니다.
그것이 바로 액티비티가 전환되는 것입니다.

앱은 스크린을 하나 이상 가집니다. 각 스크린마다 특정 기능을 수행하는 컴포넌트와 코드가 저장되어 있습니다.
그래서 앱 제작 시 용도가 서로 다른 경우에는 스크린을 여러 개로 나눠주는 것이 일반적입니다.

예시로 메모장 앱이 있다 합시다.
메모장 앱에는 크게 메모 리스트를 보여주는 화면과 메모를 작성하는 화면이 있습니다.
이 둘은 용도가 다르기 때문에 같은 스크린에 두는 것은 적합하지 않습니다.

이처럼 앱인벤터2로 앱을 만들 때도 스크린을 잘 분배해야 하는데요, 스크린이 불필요하게 너무 많은 것도 사용자 입장에서 직접 드러나지는 않지만 그렇게 좋지는 않습니다.

또한, 앱인벤터2에서는 스크린 개수가 10개를 넘어가면 추가할 때 경고가 뜹니다.
스크린이 많아지면 APK 크기가 커지고, Google App Engine을 사용하는 MIT Appinventor 2의 특성상 APK 파일이 30MB* 를 넘으면 빌드나 실행 중 예상치 못한 오류가 발생할 수 있습니다.
그러나 대부분의 앱은 스크린을 그렇게 많이 만드는 경우는 거의 없습니다.

*기존 10MB였으나 nb184 릴리즈에서 30MB로 상향됨.

  1. Screen1?

앱인벤터에서는 기본적으로 프로젝트를 생성하면 Screen1이 자동으로 생성되고, 이름을 변경하거나 삭제할 수 없습니다.
바로 이 스크린이 앱인 시작될 때 가장 먼저 뜰 스크린이기 때문입니다.
그러니 앱의 메인화면을 Screen1에 작성하면 됩니다.

2. 앱의 기본 속성

Screen1은 고유한 스크린이기 때문에 새로 추가한 스크린보다 디자이너의 속성창에 항목이 더 많습니다.
주로 앱 전반에 적용되는 설정을 할 수 있는 곳입니다.

먼저, Screen1으로 이동한 후, 디자이너에서 우측 컴포넌트 트리에서 Screen1을 선택합니다.

post_std_03_001.png

이제 우측의 속성 탭에 수많은 속성이 보입니다.
이 중 Screen1에만 있는 속성에 대해서 알아보겠습니다. 그 외의 항목에 대해서는 다음 강좌에서 진행하겠습니다.

post_std_03_002.pngpost_std_03_003.pngpost_std_03_004.png

 

속성 중 위 사진에 빨간 박스 쳐놓은 것이 Screen1에만 있는 앱의 전반적인 속성을 지정하는 부분입니다.
각 속성의 의미는 다음과 같습니다:

강조색(AccentColor)

앱의 강조색을 설정합니다.

앱 이름(AppName)

기기에 설치했을 때 나타날 앱의 이름을 지정합니다.
기본값은 프로젝트의 이름과 같습니다.

BlocksToolkit

BlocksToolkit를 지정합니다.

기본 색상(PrimaryColor)

앱의 기본 색상을 설정합니다.

기본 어두운 색상(PrimaryColorDark)

앱의 기본 어두운 색상을 설정합니다.

JSON형식으로리스트보기(ShowListsAsJSON)

리스트를 텍스트로 출력할 때 체크가 돼있으면 JSON/Python 형식으로 표시합니다.
체크가 안 돼있으면 LISP 형식으로 표현합니다.
JSON/Python: [1, “a”, true]
LISP: (1 a true)

크기조정(Sizing)

반응형으로 하면 해상도가 다른 기기에서도 앱의 컴포넌트가 동일한 크기로 보이도록 크기를 자동으로 조절합니다.

테마(Theme)

앱의 테마를 지정합니다.

클래식: 장치 기본값 항목이 추가되기 전까지 기본 테마로, 안드로이드 진저브레드 시절 때나 쓰던 테마입니다.
장치 기본값: 앱이 설치된 기기의 테마를 적용합니다. 이를 추천합니다.
검정 타일 텍스트: 액션 바의 텍스트가 검은색으로 바뀌고 전체적으로 어두워집니다.
Dark: 다크 테마입니다.

튜토리얼URL(TutorialURL)

앱의 튜토리얼 URL을 지정합니다.
URL은 보안을 이유로 http://appinventor.mit.edu에서 호스팅 되거나, http://appinv.us에서 생성한 URL만 사용 가능합니다.

버전(VersionCode)

앱의 버전 코드를 지정합니다.
이는 앱을 스토어에 출시할 때가 아니면 딱히 건드리지 않아도 됩니다.
스토어에서 업데이트 시에는 기존 값에서 +1 하는 것이 보통입니다.

버전이름(VersionName)

앱의 버전을 입력합니다.
ex) 1.5.2

위 표중 내용이 별로 없는 것(색상 등)이나 기타 세세히 다룰 필요가 있는 것들은 강좌를 분리하겠습니다.

다음에는 이번 강좌에서 자세히 설명하지 못한 일부 속성들에 대해서 자세히 탐구해보도록 하겠습니다.
감사합니다.

댓글

Copied title and URL