본문 바로가기

앱인벤터

[앱인벤터 기초] 사용자 인터페이스 - 시간선택버튼 이해하기

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

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

 


시간선택버튼 블록

 

'버튼'과 비슷하게 생겼지만 클릭했을 때 시간을 선택할 수 있는 창이 보이는 컴포넌트입니다. 스마트폰의 시간과 연결되어 있어서 현재 시간이 자동으로 표시됩니다. 

블록 설명
시간설정 후에 '실행' 안의 블록들을 실행합니다.
(다른 컴포넌트에서)시간선택버튼이 선택되었을 때 '실행' 내부의 명령을 실행합니다.  
시간선택버튼에서 다른 컴포넌트가 선택되었을 때 '실행' 내부의 명령을 실행합니다.  
시간선택버튼을 누르고 있으면 '실행' 안의 블록들을 실행합니다.
시간선택버튼을 누른 후 손을 땔 때 '실행' 안의 블록들을 실행합니다.
시간을 선택할 수 있도록 시간을 선택하는 팝업창을 호출합니다. 

시간선택버튼을 눌러 표시되는 시간 팝업창에 표시되는 시간을 직접 지정합니다. 

시 숫자는 0~23, 분 숫자는 0~59까지 입력할 수 있습니다.

인스턴트를 사용해서 사용자가 표시하고 싶은 방식으로 시간을 표시할 수 있습니다. 
시간선택버튼의 배경색을 가져오거나 변경할 수 있는 블록입니다. 기본적으로 rgba 배경값을 가지고 있습니다.
컴포넌트의 보이기여부 값을 가져오거나 변경할 수 있는 블록입니다. 참, 거짓 속성을 사용합니다. 참이면 컴포넌트가 보이고 거짓이면 컴포넌트가 화면에서 보이지 않습니다.
컴포넌트의 활성화여부 값을 가져오거나 변경할 수 있는 블록입니다. 참, 거짓 속성을 사용합니다. 참이면 컴포넌트를 클릭할 수있고 거짓이면 컴포넌트를 선택할 수 없습니다.
글자를 두껍게 하는 속성 값을 가져오거나 변경할 수 있는 블록입니다. 참, 거짓 속성을 사용합니다.
컴포넌트의 글자의 기울기 여부를 가져오거나 변경할 수 있는 블록입니다. 참, 거짓 속성을 사용합니다. 
컴포넌트의 글자크기를 가져오거나 변경할 수 있는 블록입니다. 단위는 sp(scale-independent pixels)를 사용합니다. 
세로길이 값을 가져오거나 변경할 수 있는 블록입니다. 숫자 속성(픽셀 단위)을 사용합니다. 높이비율은 스크린의 높이를 기준으로 몇 퍼센트를 가질지 변경할 수 있습니다. 
버튼에 이미지 값을 가져오거나 변경할 수 있는 블록입니다. 글자 속성을 사용합니다. 배경색과 이미지가 같이 설정되 있을 경우, 이미지만 보이게 됩니다.
시간선택버튼의 글자 색 값을 가져오거나 변경할 수 있는 블록입니다. 색상 속성을 사용합니다. 
시간선택버튼에서 선택한 시(hour), 분(minute) 숫자 값을 가져옵니다. 월이름은 텍스트형태로 값을 가져옵니다. 24시 기준입니다. 
버튼의 피드백보이기 값을 가져오거나 변경할 수 있는 블록입니다. 참, 거짓 속성을 사용합니다. 이미지로 배경을 사용할 때 클릭하면 이미지 색이 옅어지는 효과를 말합니다.
시간선택버튼의 글자 값을 가져오거나 변경할 수 있는 블록입니다. 글자 속성을 사용합니다.
가로길이 값을 가져오거나 변경할 수 있는 블록입니다. 숫자 속성(픽셀 단위)을 사용합니다. 너비비율은 스크린의 너비를 기준으로 몇 퍼센트를 가질지 변경할 수 있습니다.