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

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

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

 

---

레이블 블록

 

스크린에 글자를 표시하고 싶을 때 사용하는 컴포넌트입니다.  레이블 컴포넌트는 컴포넌트들 사이에 간격을 주고 싶을 때 사용하기도 합니다. 여백을 주고싶을 때는 글자를 공백으로 하고 너비를 지정해서 사용합니다. 

 

 

블록	설명
	레이블의 배경색을 가져오거나 변경할 수 있는 블록입니다. 기본적으로 rgba 배경값을 가지고 있습니다.
	레이블의 글자크키를 가져오거나 변경할 수 있는 블록입니다. 단위는 sp(scale-independent pixels)를 사용합니다.
	레이블의 내용을 HTML로 변환합니다. 'HTML형식'이 체크되있을 경우에만 사용가능합니다.
	레이블에 여백의 유뮤를 가져오거나 변경할 수 있는 블록입니다. 레이블과 다른 컴포넌트 사이에 여백 값은 조절할 수 없습니다.
	레이블의 세로길이 값을 가져오거나 변경할 수 있는 블록입니다. 숫자 속성(픽셀 단위)을 사용합니다. 높이비율은 스크린의 높이를 기준으로 몇 퍼센트를 가질지 변경할 수 있습니다.
	레이블의 글자 값을 가져오거나 변경할 수 있는 블록입니다. 글자 속성을 사용합니다.
	레이블의 글자 색 값을 가져오거나 변경할 수 있는 블록입니다. 색상 속성을 사용합니다.
	레이블 컴포넌트의 보이기여부 값을 가져오거나 변경할 수 있는 블록입니다. 참, 거짓 속성을 사용합니다. 참이면 컴포넌트가 보이고 거짓이면 컴포넌트가 화면에서 보이지 않습니다.
	레이블의 가로길이 값을 가져오거나 변경할 수 있는 블록입니다. 숫자 속성(픽셀 단위)을 사용합니다. 너비비율은 스크린의 너비를 기준으로 몇 퍼센트를 가질지 변경할 수 있습니다.

 

---

레이블 속성

 

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

속성	설명
글꼴굵게	글자를 두껍게할 수 있습니다. 일부 글꼴은 지원하지 않습니다.
글꼴이텔릭	글자를 기울게할 수 있습니다. 일부 글꼴은 지원하지 않습니다.
글꼴서체	글자의 글꼴을 선택할 수 있습니다. (default, sans serif, serif, monospace)
HTML 형식	레이블의 텍스트 형식을 HTML로 지정합니다. * HTML 태그란 : HTML은 하이퍼텍스트를 작성하기 위해서 개발되었으며 웹문서를 만들기 위한 기본적인 웹언어입니다.  출처 : https://mingtrace.tistory.com/282   * 적용되는 태그 : <b>, <br>, <big>, <blockqote>, <cite>, <dfn>,  <div>, <em>, <small>, <sub>, <sup>, <tt>, <u>, <font color>  출처 : https://m.post.naver.com/viewer/postView.nhn?volumeNo=20524866&memberNo=470770
텍스트정렬	레이블 안에 글자들의 정렬을 선택할 수 있습니다. (왼쪽, 가운데, 오른쪽)