[앱인벤터 기초] 사용자 인터페이스 - 버튼 블록 이해하기

사용자 인터페이스는 화면 구성에 가장 많이 사용되는 컴포넌트들을 모아 놓은 그룹입니다.

그룹안에는 버튼, 체크박스, 날짜선택버튼, 이미지, 레이블, 목록선택버튼, 목록뷰, 알림, 암호텍스트박스, 슬라이더, 스피너, 스위치, 텍스트박스, 시간선택버튼, 웹뷰어가 포함되어 있습니다. 

 

---

버튼 블록

 

버튼을 클릭했을 때 동작을 처리하는 컴포넌트입니다. 이미지를 삽입하면 이미지버튼으로 사용할 수 있습니다.

블록	설명
	버튼을 클릭하면 '실행' 안의 블록들을 실행합니다.
	커서가 가까이 오면 버튼을 클릭 할 수 있음을 나타냅니다.
	버튼을 길게 누르면 '실행' 안의 블록들을 실행합니다.
	커서가 멀어질때 버튼을 클릭 할 수 없음을 나타냅니다.
	버튼을 누르고 있으면 '실행' 안의 블록들을 실행합니다.
	버튼을 누른 후 손을 땔 때 '실행' 안의 블록들을 실행합니다.
	버튼의 배경색을 가져오거나 변경할 수 있는 블록입니다. 기본적으로 rgba 배경값을 가지고 있습니다. 이미지가 설정되있다면 배경색은 바뀌지 않습니다.
	버튼을 클릭할 수 있게 하거나 없게 만듭니다. 참, 거짓 속성을 사용합니다.
	버튼의 글자를 두껍게 하는 속성 값을 가져오거나 변경할 수 있는 블록입니다. 참, 거짓 속성을 사용합니다.
	버튼의 글자를 두껍게 하는 속성 값을 가져오거나 변경할 수 있는 블록입니다. 참, 거짓 속성을 사용합니다.
	버튼의 글자를 기울이게 하는 속성 값을 가져오거나 변경할 수 있는 블록입니다. 참, 거짓 속성을 사용합니다.
	버튼의 세로길이 값을 가져오거나 변경할 수 있는 블록입니다. 숫자 속성을 사용합니다. 높이비율은 스크린의 높이를 기준으로 몇 퍼센트를 가질지 변경할 수 있습니다.
	버튼에 이미지 값을 가져오거나 변경할 수 있는 블록입니다. 글자 속성을 사용합니다. 배경색과 이미지가 같이 설정되 있을 경우, 이미지만 보이게 됩니다.
	버튼의 피드백보이기 값을 가져오거나 변경할 수 있는 블록입니다. 참, 거짓 속성을 사용합니다. 이미지로 배경을 사용할 때 클릭하면 이미지 색이 옅어지는 효과를 말합니다.
	버튼의 글자 값을 가져오거나 변경할 수 있는 블록입니다. 글자 속성을 사용합니다.
	버튼의 글자 색 값을 가져오거나 변경할 수 있는 블록입니다. 색상 속성을 사용합니다.
	버튼의 보이기여부 값을 가져오거나 변경할 수 있는 블록입니다. 참, 거짓 속성을 사용합니다. 참이면 버튼이 보이고 거짓이면 버튼이 화면에서 보이지 않습니다.
	버튼의 가로길이 값을 가져오거나 변경할 수 있는 블록입니다. 숫자 속성을 사용합니다. 너비비율은 스크린의 너비를 기준으로 몇 퍼센트를 가질지 변경할 수 있습니다.

 

---

버튼 속성

 

디자이너 화면에서만 설정할 수 있는 값들이 있습니다.

속성	설명
글꼴서체	버튼 글자의 글꼴을 선택할 수 있습니다. (default, serif, sans serif, monospace)
모양	버튼의 모서리 부분 모양을 선택할 수 있습니다. (기본값, 둥근모서리, 직사각형, 타원)
텍스트정렬	버튼 안에 글자들의 정렬을 선택할 수 있습니다. (왼쪽, 가운데, 오른쪽)