앱 인벤터 2 - 디자이너와 블록 화면을 알아보자

앱인벤터 2 - 디자이너와 블록 에디터

앱 인벤터의 가장 기본적인 요소인 디자이너(Designer) 화면과 블록(Blocks) 화면 구성을 살펴봅시다.

디자이너 [Designer] 화면

① 팔레트 [Palette]

컴포넌트를 모아 놓은 곳입니다. 사용할려고 하는 컴포넌트를 찾아서 오른쪽 [Viewer]에 끌어다 놓으면 됩니다.

② 뷰어 [Viewer]

컴포넌트를 이 곳으로 옮기면 앱에 사용을 할 수 있습니다. 실제 앱이 휴대폰에서 어떻게 보이는지 뷰어에서 확인을 합니다.

③ ④ 컴포넌트 속성 [Properties]

컴포넌트를 선택하면 이곳에서 색상, 크기, 간격 들을 조정합니다. 

⑤ ⑥ 디자이너와 블록 버튼

디자이너 화면과 블록하면으로 이동하는 버튼입니다.

블록 [Blocks] 에디터 화면

  

① Built-In

자주 쓰이는 일반적인 명령 블록들을 모아 놓은 메뉴입니다. 마우스를 누른상태에서 오른쪽 [Viewer]창에 가져다 놓어면 됩니다.

② Any Component

특정한 컴포넌트와 관련된 명령 블록등을 모아 놓은 메뉴로써 마우스를 누른상태에서 오른쪽 [Viewer]창에 가져다 놓어면 됩니다.

③ 뷰어 화면

왼쪽 [Blocks]창에서 옮겨진 블록등을 미리보면서 블록을 제작하는 화면입니다.

④ 디자이너 버튼

클릭을 하면 디자이너 화면으로 돌아갑니다.