NEW 앱인벤터2 강좌8. 컴포넌트 탐구 – 체크박스(CheckBox)

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

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

이번에는 체크박스에 대해서 알아보도록 하겠습니다.
체크박스는 말그대로 체크가 가능한 박스로, TODO리스트 처럼 체크해야 하는 부분에 어울립니다.


0. 개요

체크박스를 통해서 사용자에게 어떤 항목을 선택할 수 있도록 합니다.
사용자가 클릭할 때 마다 체크여부가 바뀌며(참<–>거짓), 박스안의 체크표시가 보였다 사라졌다 합니다.

앱인벤터2 공식 레퍼런스(체크박스)
http://ai2.appinventor.mit.edu/reference/components/userinterface.html#CheckBox

1. 형태

체크박스의 경우 체크박스와 텍스트를 표시하는 부분이 한 세트 입니다.
그래서 체크해야 하는 어떤 항목을 표시하려면 레이블과 묶을 필요 없이 체크박스의 텍스트만 변경하면 됩니다. 

1. 속성

체크박스(CheckBox) 속성

속성명

설명

예시

배경색(BackgroundColor)

체크박스의 배경색을 지정합니다.

체크여부(Checked)

체크박스가 있는 스크린이 열릴때, 체크박스에 체크가 되있게 할지 설정합니다.

활성화(Enabled)

체크박스의 활성화를 지정합니다.

체크가 안되있으면 체크박스는 눌러도 반응하지 않습니다.

글꼴굵게(FontBold)

체크박스의 글자를 굵게 표시합니다.

글꼴이텔릭(FontItalic)

체크박스의 글자를 기울여서 표시합니다.

글꼴크기(FontSize)

체크박스의 글자 크기를 설정합니다.

글꼴서체(FontTypeFace)

체크박스의 폰트를 설정합니다.

높이(Height)

체크박스의 높이를 설정 합니다.

너비(Width)

체크박스의 너비를 설정합니다.

텍스트(Text)

체크박스의 텍스트를 설정합니다.

텍스트색상(TextColor)

체크박스의 텍스트 색상을 설정합니다.

보이기여부(Visible)

체크박스의 보이기 여부를 설정합니다.

체크가 안되있으면 그 자리에 없는 것 처럼 됩니다.

2. 블록

체크박스(CheckBox) 이벤트 블록

블록

설명

언제 [체크박스] .변경되었을때

체크박스의 체크상태가 변경된 경우 내부 블록이 작동합니다.

언제 [체크박스] .포커스를받았을때

체크박스가 포커스를 받은경우 내부 블록이 작동합니다.

언제 [체크박스] .포커스를잃었을때

체크박스가 포커스를 잃은경우 내부 블록이 작동합니다.

체크박스(CheckBox) 속성 지정 블록

블록

입력형식

설명

색상

체크박스의 배경색을 지정합니다.

논리

체크박스의 체크여부를 지정합니다.

논리

체크박스의 활성화 여부를 지정합니다.

수학

체크박스의 글꼴크기를 지정합니다.

단위는 sp 입니다.

수학

체크박스의 높이를 지정합니다.

단위는 px 입니다.

수학

현재 스크린의 높이에 대한 비율로 체크박스의 높이를 동적으로 지정합니다.

단위는 % 입니다.

텍스트

체크박스의 텍스트를 지정합니다.

색상

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

논리

체크박스의 보이기 여부를 지정합니다.

수학

체크박스의 너비를 지정합니다.

단위는 px 입니다.

수학

현재 스크린의 너비에 대한 비율로 체크박스의 너비를 동적으로 지정합니다.

단위는 % 입니다.

체크박스(CheckBox) 속성 블록

블록

반환형식

색상

논리

논리

수학

수학

텍스트

색상

논리

수학

컴포넌트


댓글

제목과 URL을 복사했습니다