전체 강좌 목록:
http://semicolon1.kr/appinventor.html
이번에 알아볼 컴포넌트는 사용자가 텍스트를 직접 입력할 수 있도록 해주는 텍스트박스 컴포넌트 입니다.
0. 개요
텍스트박스 컴포넌트는 암호 텍스트박스 컴포넌트와 비슷합니다.
다만 텍스트박스 컴포넌트는 사용자가 입력하는 글자가 다 보이고, 주 목적이 사용자로 부터 텍스트를 직접 입력받는 역할입니다.
1. 형태
디자니어에서는 위 사진처럼 둥근 모서리의 사각형으로 보입니다.
텍스트 속성값이 변경되면 디자이너에서도 해당값이 나타납니다.
1. 속성
텍스트 박스(TextBox) 속성 | |
속성명 | 설명 |
배경색(BackgroundColor) | 텍스트 박스의 배경색을 지정합니다. |
활성화(Enabled) | 텍스트 박스의 활성화 여부를 지정합니다. 활성화가 거짓이면 입력할 수 없습니다. |
글꼴굵게(FontBold) | 텍스트 박스의 텍스트에 볼드체(굵은체)를 적용합니다. |
글꼴이텔릭(FontItalic) | 텍스트 박스의 텍스트에 이텔릭(기울임)을 적용합니다. |
글꼴크기(fontSize) | 텍스트 박스의 텍스트 크기를 지정합니다. |
글꼴서체(FontTypeface) | 텍스트 박스의 텍스트의 글꼴을 지정합니다. |
높이(Feight) | 텍스트 박스의 높이(세로)를 지정합니다. |
너비(Width) | 텍스트 박스의 너비(가로)를 지정합니다. |
힌트(Hint) | 입력된것이 아무것도 없을 때 배경에 연하게 보이는 텍스트 입니다. |
여러 줄(MultiLine) | 엔터키를 이용하여 텍스트를 여러줄 입력할 수 있도록 합니다. |
숫자만(NumbersOnly) | 오직 숫자만 입력할 수 있도록 합니다. |
ReadOnly | 텍스트를 볼 수만 있고 사용자가 직접 수정할 수는 없도록 합니다. |
텍스트(Text) | 텍스트 박스의 텍스트를 지정합니다. |
텍스트정렬(TextAlignment) | 텍스트 박스의 텍스트의 내부 정렬 방식을 지정합니다. |
텍스트색상(TextColor) | 텍스트 박스의 텍스트 색상을 지정합니다. |
보이기여부(Visible) | 텍스트 박스의 보이기 여부를 지정합니다. |
2. 블록
텍스트 박스(TextBox) 이벤트 블록 | |
블록 | 설명 |
 | 텍스트 박스 포커스를 받았을 때 내부 블록이 실행됩니다. |
 | 텍스트 박스가 포커스를 잃었을 때 내부 블록이 실행됩니다. |
텍스트 박스(TextBox) 함수 블록 | |
블록 | 설명 |
 | 텍스트 박스에 포커스를 요청합니다. |
 | 사용자가 텍스트박스를 클릭하면 화면에 키보드가 뜨는데, 이 블록이 실행되면, 해당 키보드를 내릴 수 있습니다. |
텍스트 박스(TextBox) 속성 지정 블록 | ||
블록 | 입력형식 | 설명 |
 | 색상 | 배경색을 지정합니다. |
 | 논리 | 활성화 여부를 지정합니다. |
 | 숫자 | 텍스트의 크기를 지정합니다. 단위는 sp입니다. |
 | 숫자 | 높이를 px 단위로 지정합니다. |
 | 숫자 | 높이를 현재 스크린 높이에 대한 비율로 지정합니다. 예시로 높이 비율이 50이면 스크린 높이의 반만큼 길어집니다. |
 | 텍스트 | 힌트 텍스트를 지정합니다. |
 | 논리 | 엔터키를 이용하여 텍스트를 여러줄 입력할 수 있도록 합니다. |
 | 논리 | 오직 숫자만 입력할 수 있도록 합니다. |
 | 논리 | 텍스트를 볼 수만 있고 사용자가 직접 수정할 수는 없도록 합니다. |
 | 텍스트 | 텍스트를 지정합니다. |
 | 색상 | 텍스트의 색상을 지정합니다. |
 | 논리 | 보이기 여부를 지정합니다. 만약 거짓이면, 아예 사라진 것처럼 됩니다. (View.GONE) |
 | 숫자 | 너비를 px 단위로 지정합니다. |
 | 숫자 | 너비를 현재 스크린 너비에 대한 비율로 지정합니다. 예시로 너비 비율이 50이면 스크린 너비의 반만큼 길어집니다. |
텍스트 박스(TextBox) 속성 블록 | |
블록 | 반환형식 |
 | 색상 |
 | 논리 |
 | 숫자 |
 | 숫자 |
 | 텍스트 |
 | 논리 |
 | 논리 |
 | 논리 |
 | 텍스트 |
 | 색상 |
 | 논리 |
 | 숫자 |
 | 컴포넌트 |
댓글