본문 바로가기

앱인벤터

[앱인벤터 기초] 사용자 인터페이스 - 슬라이더 이해하기

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

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

 


슬라이더 블록

 

슬라이더는 최소값과 최대값 사이의 값을 섬네일을 움직여서 조정하는 컴포넌트입니다. 섬네일은 손가락으로 움직여서 조정하는 버튼입니다.  기본값으로 최소값은 10, 최대값은 50, 섬네일위치는 30으로 지정되어 있습니다. 슬라이더의 너비를 바꾸어도 디자이너 화면에서는 확인되지 않습니다. 스마트폰에 설치해서 확인했을 때 너비가 변경된 것을 확인할 수 있습니다. 주로 볼륨조절이나 크기 조절 등 사용자가 어떤 값을 조절할 때 많이 활용됩니다.

블록 설명
슬라이더의 섬네일의 위치가 변경되었을 때  '실행' 내부의 명령을 실행합니다. 
섬네일을 기준으로 왼쪽에 있는 슬라이더 색상을 변경하거나 값을 가져올 수 있는 블록입니다. 색상 속성을 사용합니다.
섬네일을 기준으로 오른쪽에 있는 슬라이더 색상을 변경하거나 값을 가져올 수 있는 블록입니다. 색상 속성을 사용합니다.
슬라이더의 세로길이 값을 변경할 수 있는 블록입니다. 숫자 속성(픽셀 단위)을 사용합니다. 높이비율은 스크린의 높이를 기준으로 몇 퍼센트를 가질지 변경할 수 있습니다.
슬라이더의 최대값을 가져오거나 변경할 수 있는 블록입니다.  숫자 속성을 사용합니다. 변경하려는 최대값이 최소값보다 작으면 최소값과 최대값이 모두 같은 값으로 설정됩니다. 
슬라이더의 최소값을 가져오거나 변경할 수 있는 블록입니다.  숫자 속성을 사용합니다. 변경하려는 최소값이 최대값보다 크면 최소값과 최대값이 모두 같은 값으로 설정됩니다. 
슬라이더를 사용할 수 있게 하거나 없게 만듭니다. 참, 거짓 속성을 사용합니다. 비활성화 시키면 슬라이더를 사용할 수 없습니다.
슬라이더의 섬네일 위치 값을 가져오거나 변경할 수 있는 블록입니다.  숫자 속성을 사용합니다. 
슬라이더의 보이기여부 값을 가져오거나 변경할 수 있는 블록입니다. 참, 거짓 속성을 사용합니다. 참이면 체크박스가 보이고 거짓이면 체크박스가 화면에서 보이지 않습니다.
가로길이 값을 가져오거나 변경할 수 있는 블록입니다. 숫자 속성(픽셀 단위)을 사용합니다. 너비비율은 스크린의 너비를 기준으로 몇 퍼센트를 가질지 변경할 수 있습니다.