NEW 앱인벤터2 강좌20. 컴포넌트 탐구 – 시간 선택 버튼(TimePicker)

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

전체 강좌 목록:
http://semicolon1.kr/appinventor.html

이번에 알아볼 컴포넌트는 이전에 알아봤던 9. 날짜 선택 버튼과 매우 흡사한 컴포넌트입니다,


0. 개요

시간 선택 버튼은 날짜 선택 버튼과 매우 흡사하며, 차이점이라고는 날짜를 선택하냐 시간을 선택하냐입니다.
사용자로부터 시간을 입력받아 가져오는데 사용됩니다.

1. 형태

보시다시피 일반 버튼 컴포넌트와 모습이 동일합니다.

1. 속성

시간 선택 버튼(TimePicker) 속성

속성명

설명

배경색(BackgroundColor)

배경색을 지정합니다.

활성화(Enabled)

활성화 여부를 지정합니다.

글꼴굵게(FontBold)

텍스트에 볼드체(굵은체)를 적용합니다.

글꼴이텔릭(FontItalic)

텍스트에 이텔릭(기울임) 적용합니다.

글꼴크기(fontSize)

텍스트 크기를 지정합니다.

글꼴서체(FontTypeface)

텍스트의 글꼴을 지정합니다.

높이(Feight)

높이(세로)를 지정합니다.

너비(Width)

너비(가로)를 지정합니다.

이미지(Image)

배경 이미지를 지정합니다.

모양(Shape)

버튼의 모양을 지정합니다.

피드백보이기(ShowFeedBack)

버튼 클릭시 효과를 보일지 지정합니다.

텍스트(Text)

텍스트를 지정합니다.

텍스트정렬(TextAlignment)

텍스트의 내부 정렬 방식을 지정합니다.

텍스트색상(TextColor)

텍스트 색상을 지정합니다.

보이기여부(Visible)

보이기 여부를 지정합니다.

2. 블록

시간 선택 버튼(TimePicker) 이벤트 블록

블록

설명

사용자가 시간을 선택한 후에 실행됩니다.

포커스를 받았을 때 내부 블록이 실행됩니다.

포커스를 잃었을 때 내부 블록이 실행됩니다.

버튼을 누르는 순간 실행됩니다.

버튼을 눌렀다 때는 순간 실행됩니다.

시간 선택 버튼(TimePicker) 함수 블록

블록

설명

사용자가 시간을 선택할 수 있는 창을 띄웁니다.

ㄴ시 [숫자]

ㄴ분 [숫자]

선택창이 열릴 때 기본으로 표시할 시와 분을 숫자로 직접 지정합니다.

인스턴트를 이용하여 기본 시와 분을 지정합니다.

시간 선택 버튼(TimePicker) 속성

블록

입력형식

설명

색상

버튼의 배경색을 지정합니다. 만약 이미지가 있다면, 색상은 가려서 보이지 않습니다.

논리

버튼의 활성화 여부를 지정합니다.

논리

글씨를 굵게할지 지정합니다.

논리

글씨를 기울일지 지정합니다.

숫자

버튼의 텍스트의 크기를 지정합니다.

단위는 sp입니다.

숫자

버튼의 높이를 px 단위로 지정합니다.

숫자

버튼의 높이를 현재 스크린 높이에 대한 비율로 지정합니다.

예시로 높이 비율이 50이면 스크린 높이의 반만큼 길어집니다.

텍스트

배경 이미지를 지정합니다.

논리

피드백 활성화 여부를 설정합니다.

텍스트

텍스트를 지정합니다.

색상

텍스트의 색상을 지정합니다.

논리

버튼의 보이기 여부를 지정합니다.

만약 거짓이면, 버튼이 아예 사라진 것처럼 됩니다.

(View.GONE)

숫자

버튼의 너비를 px 단위로 지정합니다.

숫자

버튼의 너비를 현재 스크린 너비에 대한 비율로 지정합니다.

예시로 너비 비율이 50이면 스크린 너비의 반만큼 길어집니다.

시간 선택 버튼(TimePicker) 속성 블록

블록

반환형식

색상

논리

논리

논리

숫자

숫자

숫자

텍스트

인스턴트

논리

숫자

텍스트

색상

논리

숫자

컴포넌트

3. 예제


댓글

제목과 URL을 복사했습니다