NEW 앱인벤터2 강좌 4. Screen1 속성 심화 탐구 – 테마/색상/JSON리스트 보기

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

post_std_05_000.png
이번 강좌에서는 이전에 알아본 Screen1의 각 속성에 대해서 좀 더 상세히 알아보도록 하겠습니다.


0. 강조색/기본색상/기본어두운색상

영어로는 각각 AccentColor/PrimaryColor/PrimaryColorDark 라고 합니다.
아마 안드로이드 스튜디오로 앱 개발해봤으면 한 번쯤 들어봤을지도 모르겠네요.
앱의 테마의 주 색상을 지정하는 것입니다. 말로는 이해가 잘 안되니 아래 사진을 보시죠:

post_std_05_001.png

사진의 출처는 스케치웨어 앱 입니다.
앱인벤터처럼 블록 코딩으로 앱을 만들 수 있으나 차이점은 앱으로 앱을 만들 수 있다는 것입니다.
플레이스토어 네이버 카페

아무튼 위 사진으로 보면 항목 몇 가지가 더 있긴 하나 우리가 볼 건 위에 3개입니다.
각 색상이 어디에 들어가는 색상인지 아시겠죠?

기본어두운색상(ColorPrimaryDark)

상태 표시줄 색

기본색상(PrimaryColor)

툴바 색

강조색(AccentColor)

포커스를 받고 있는 컴포넌트의 색

1. JSON형식으로 리스트보기(ShowListsAsJson)

이 기능은 리스트를 텍스트로 출력 시 표시할 형식을 지정합니다.
먼저, 이를 알아보기 위해 리스트 예제를 하나 만들어 보겠습니다:

post_std_05_002.png

이렇게 리스트, 리스트 안의 리스트, 숫자/논리 값의 표시가 어떻게 달라지나 확인해 보겠습니다.
참고로 언제 Screen1.초기화되었을때 블록은 Screen1이 열릴 때 내부 블록을 실행하는 블록입니다.

0. 체크가 돼있을 때(기본값)

post_std_05_003.png

앱인벤터 레퍼런스 상에는 JSON/Python 표기법(원문: JSON/Python notation)이라 되있습니다.
위처럼 대괄호 [ ]를 사용하여 각 리스트를 구분하고, 문자열은 큰따옴표 ” “를 사용해 나타나는 것을 볼 수 있습니다.
또한, 각 요소를 쉼표 , 로 구분합니다. 그래서 요소에 띄어쓰기( )가 있어도 띄어쓰기인지 확인이 가능합니다.

1. 체크가 안 돼있을 때

post_std_05_004.png

위처럼 소괄호 ( )를 사용하여 각 리스트를 구분하고, 요소의 자료형에 따른 구분이 따로 없습니다.
또한 각 요소를 띄어쓰기로 구분하기에 자료형인 문자열인 요소에 띄어쓰기가 있으면 이게 한 요소인지 나눠진 요소인지 구분이 안되는 단점이 있습니다.

저는 개인적으로 JSON/Python 표기법을 선호합니다.

 

2. 테마(Theme)

앱인벤터는 총 4개의 테마를 지원합니다.
각 테마의 특징은 다음과 같습니다:

클래식(Classic)

앱인벤터에서 테마 선택 옵션이 업데이트되기 전까지 기본으로 적용되던 테마입니다.
진저브레드 때나 쓰던 느낌의 테마입니다.

장치 기본값(Device Defaule)

사용자의 디바이스가 기본으로 지원하는 테마를 사용합니다.(추천)

검정 타일 텍스트(Black Title Text)

액션바의 텍스트가 검은색이 됩니다.

Dark

다크 테마를 적용합니다.

사진으로 보시면 이해가 더 잘 될 겁니다.
테스트 기기는 SM-J700K(갤럭시 J7 2015)이며, OS는 안드로이드 5.1.1 롤리팝입니다.

post_std_05_005.png post_std_05_006.png

(좌) 클래식(Classic)
(우) 장치 기본값(Device Default)

post_std_05_007.png post_std_05_008.png

(좌) 검정 타일 텍스트(Black Title Text)
(우) Dark

이렇게 알아보았습니다.
다음 강좌에서는 BlocksToolkit에 대해 알아보도록 하겠습니다.

댓글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다