[앱인벤터 기초] 사용자 인터페이스 - 텍스트박스 이해하기

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

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

---

텍스트박스 블록

 

텍스트박스는 사용자에게 글자(텍스트)를 입력할 수 있게 하는 컴포넌트입니다. 기본적으로 텍스트박스가 비어있을 경우 힌트를 통해 사용자가 어떤 값을 입력해야되는지 제시할 수 있습니다. 여러줄(MultiLine) 속성을 사용하면 두 줄이상 글자를 입력할 수 있으며 한 줄 입력상태 일 때는 완료버튼을 누르면 키보드가 닫히지만 여러줄일 경우 '키보드화면숨기기'를 호출하거나 Back를 눌러야 벗어날 수 있습니다.

블록	설명
	(다른 컴포넌트에서)텍스트박스가 선택되었을 때 '실행' 내부의 명령을 실행합니다.
	텍스트박스에서 다른 컴포넌트가 선택되었을 때 '실행' 내부의 명령을 실행합니다.
	텍스트박스 입력상태에서 키보드 화면을 사라지게 합니다.
	텍스트박스의 포커스가 활성화되도록 함수를 호출합니다.
	배경색을 가져오거나 변경할 수 있는 블록입니다. 기본적으로 rgba 배경값을 가지고 있습니다.
	텍스트박스를 사용할 수 있게 하거나 없게 만듭니다. 참, 거짓 속성을 사용합니다. 비활성화 시키면 컴포넌트를 사용할 수 없습니다..
	글자크키를 가져오거나 변경할 수 있는 블록입니다. 단위는 sp(scale-independent pixels)를 사용합니다.
	세로길이 값을 가져오거나 변경할 수 있는 블록입니다. 숫자 속성(픽셀 단위)을 사용합니다. 높이비율은 스크린의 높이를 기준으로 몇 퍼센트를 가질지 변경할 수 있습니다.
	텍스트박스에 어떤 값을 입력해야될지 알려주는 힌트(문구)를 변경할 수 있는 블록입니다. 텍스트 속성을 사용합니다.
	텍스트박스에 입력할 수 있는 줄을 한 줄에서 여러 줄로 변경합니다. 참,거짓 속성을 사용합니다.
	텍스트박스에 입력할 수 있는 값을 숫자로 한정합니다.  참,거짓 속성을 사용합니다.
	텍스트박스를 읽기 전용으로 변경합니다. 참,거짓 속성을 사용합니다.
	텍스트박스의 글자 값을 가져오거나 변경할 수 있는 블록입니다. 글자 속성을 사용합니다.
	텍스트박스의 글자 색 값을 가져오거나 변경할 수 있는 블록입니다. 색상 속성을 사용합니다.
	보이기여부 값을 가져오거나 변경할 수 있는 블록입니다. 참, 거짓 속성을 사용합니다. 참이면 텍스트박스가 보이고 거짓이면 텍스트박스가 화면에서 보이지 않습니다.
	가로길이 값을 가져오거나 변경할 수 있는 블록입니다. 숫자 속성(픽셀 단위)을 사용합니다. 너비비율은 스크린의 너비를 기준으로 몇 퍼센트를 가질지 변경할 수 있습니다.

 

---

텍스트박스 속성

 

텍스트박스 속성 중 블록으로는 수정할 수 없고 디자이너 화면에서만 설정할 수 있는 값들이 있습니다.

속성	설명
글꼴굵게	텍스트박스 글자를 두껍게할 수 있습니다. 일부 글꼴은 지원하지 않습니다.
글꼴이텔릭	텍스트박스의 글자를 기울게할 수 있습니다. 일부 글꼴은 지원하지 않습니다.
글꼴서체	텍스트박스 글자의 글꼴을 선택할 수 있습니다. (default, sans serif, serif, monospace)
텍스트정렬	텍스트박스 안에 글자들의 정렬을 선택할 수 있습니다. (왼쪽, 가운데, 오른쪽)