NEW 앱인벤터2 강좌19. 컴포넌트 탐구 – 텍스트 박스(TextBox)

이 글은 읽는데 약 3분이 걸립니다.

전체 강좌 목록:
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) 속성 블록

블록

반환형식

색상

논리

숫자

숫자

텍스트

논리

논리

논리

텍스트

색상

논리

숫자

컴포넌트


댓글

제목과 URL을 복사했습니다