[앱인벤터 기초] 사용자 인터페이스 - 스피너 이해하기
사용자 인터페이스는 화면 구성에 가장 많이 사용되는 컴포넌트들을 모아 놓은 그룹입니다. 그룹 안에는 버튼, 체크박스, 날짜선택버튼, 이미지, 레이블, 목록선택버튼, 목록뷰, 알림, 암호텍스트박스, 슬라이더, 스피너, 스위치, 텍스트박스, 시간선택버튼, 웹뷰어가 포함되어 있습니다. 스피너 블록 스피너는 목록뷰, 목록 선택 버튼처럼 여러 항목들을 표시할 때 사용하는 컴포넌트입니다. 스피너는 목록선택버튼과 다르게 팝업창에서 항목을 선택합니다. 스피너를 클릭해야 목록이 보입니다. 컴포넌트에 들어갈 내용은 요소로 지정하면 되는데 이때 ' , ' 기호를 사용해서 구분해서 입력하면 됩니다. 많은 양의 데이터를 표시할 때 주로 사용합니다. 블록 설명 스피너 팝업창에서 항목을 선택한 후에 '실행' 안의 블록들을 실행합니..
더보기
[앱인벤터 기초] 사용자 인터페이스 - 슬라이더 이해하기
사용자 인터페이스는 화면 구성에 가장 많이 사용되는 컴포넌트들을 모아 놓은 그룹입니다. 그룹안에는 버튼, 체크박스, 날짜선택버튼, 이미지, 레이블, 목록선택버튼, 목록뷰, 알림, 암호텍스트박스, 슬라이더, 스피너, 스위치, 텍스트박스, 시간선택버튼, 웹뷰어가 포함되어 있습니다. 슬라이더 블록 슬라이더는 최소값과 최대값 사이의 값을 섬네일을 움직여서 조정하는 컴포넌트입니다. 섬네일은 손가락으로 움직여서 조정하는 버튼입니다. 기본값으로 최소값은 10, 최대값은 50, 섬네일위치는 30으로 지정되어 있습니다. 슬라이더의 너비를 바꾸어도 디자이너 화면에서는 확인되지 않습니다. 스마트폰에 설치해서 확인했을 때 너비가 변경된 것을 확인할 수 있습니다. 주로 볼륨조절이나 크기 조절 등 사용자가 어떤 값을 조절할 때 ..
더보기
[앱인벤터 기초] 사용자 인터페이스 - 암호텍스트박스 이해하기
사용자 인터페이스는 화면 구성에 가장 많이 사용되는 컴포넌트들을 모아 놓은 그룹입니다. 그룹안에는 버튼, 체크박스, 날짜선택버튼, 이미지, 레이블, 목록선택버튼, 목록뷰, 알림, 암호텍스트박스, 슬라이더, 스피너, 스위치, 텍스트박스, 시간선택버튼, 웹뷰어가 포함되어 있습니다. 암호텍스트박스 블록 글자를 입력하면 내용이 스크린에 표시되지 않고 ● 으로 표시되는 컴포넌트입니다. 앱인벤터 화면에는 ● 모양이 표시되있지만 스마트폰에서 확인하면 텍스트박스처럼 비어있습니다. 블록 설명 (다른 컴포넌트에서)암호텍스트박스가 선택되었을 때 '실행' 내부의 명령을 실행합니다. 암호텍스트박스에서 다른 컴포넌트가 선택되었을 때 '실행' 내부의 명령을 실행합니다. 암호텍스트박스의 포커스가 활성화되도록 함수를 호출합니다. 배경..
더보기
[앱인벤터 기초] 사용자 인터페이스 - 알림 이해하기
사용자 인터페이스는 화면 구성에 가장 많이 사용되는 컴포넌트들을 모아 놓은 그룹입니다. 그룹안에는 버튼, 체크박스, 날짜선택버튼, 이미지, 레이블, 목록선택버튼, 목록뷰, 알림, 암호텍스트박스, 슬라이더, 스피너, 스위치, 텍스트박스, 시간선택버튼, 웹뷰어가 포함되어 있습니다. 알림 블록 메시지, 경고창, 암호입력창 등 사용자에게 메시지를 보여주거나 선택하는 창이 보이게 하는 컴포넌트입니다. 보이지 않는 컴포넌트 영역에 포함됩니다. 블록 설명 선택대화창에서 항목을 선택하면 '실행' 내부의 명령을 실행합니다. 메시지창에서 텍스트를 입력한 후에 '실행' 내부의 명령을 실행합니다. 선택대화창에서 사용자가 옵션 선택을 취소했을 때 '실행' 내부의 명령을 실행합니다. 선택대화창, 암호입력창, 메시지창에서 사용자가..
더보기
[앱인벤터 기초] 사용자 인터페이스 - 레이블 블록 이해하기
사용자 인터페이스는 화면 구성에 가장 많이 사용되는 컴포넌트들을 모아 놓은 그룹입니다. 그룹안에는 버튼, 체크박스, 날짜선택버튼, 이미지, 레이블, 목록선택버튼, 목록뷰, 알림, 암호텍스트박스, 슬라이더, 스피너, 스위치, 텍스트박스, 시간선택버튼, 웹뷰어가 포함되어 있습니다. 레이블 블록 스크린에 글자를 표시하고 싶을 때 사용하는 컴포넌트입니다. 레이블 컴포넌트는 컴포넌트들 사이에 간격을 주고 싶을 때 사용하기도 합니다. 여백을 주고싶을 때는 글자를 공백으로 하고 너비를 지정해서 사용합니다. 블록 설명 레이블의 배경색을 가져오거나 변경할 수 있는 블록입니다. 기본적으로 rgba 배경값을 가지고 있습니다. 레이블의 글자크키를 가져오거나 변경할 수 있는 블록입니다. 단위는 sp(scale-independe..
더보기
[앱인벤터 기초] 사용자 인터페이스 - 이미지 블록 이해하기
사용자 인터페이스는 화면 구성에 가장 많이 사용되는 컴포넌트들을 모아 놓은 그룹입니다. 그룹안에는 버튼, 체크박스, 날짜선택버튼, 이미지, 레이블, 목록선택버튼, 목록뷰, 알림, 암호텍스트박스, 슬라이더, 스피너, 스위치, 텍스트박스, 시간선택버튼, 웹뷰어가 포함되어 있습니다. 이미지 블록 스크린에 이미지를 표시하고 싶을 때 사용하는 컴포넌트입니다. 이미지 컴포넌트만 삽입하고 표시할 사진을 선택하지 않으면 스마트폰 화면에 아무것도 보이지 않습니다. 사진을 등록할 때 파일명이 한글이면 오류가 발생합니다. 파일명은 영문자와 숫자 또는 _ 기호로만 구성되어야 합니다. 이미지를 [미디어]에 등록하면 앱인벤터 서버에 등록됩니다. 블록 설명 이미지를 클릭하면 '실행' 내부의 명령을 실행합니다. 이미지가 화면에 움직..
더보기
[앱인벤터 기초] 사용자 인터페이스 - 날짜선택버튼 블록 이해하기
사용자 인터페이스는 화면 구성에 가장 많이 사용되는 컴포넌트들을 모아 놓은 그룹입니다. 그룹안에는 버튼, 체크박스, 날짜선택버튼, 이미지, 레이블, 목록선택버튼, 목록뷰, 알림, 암호텍스트박스, 슬라이더, 스피너, 스위치, 텍스트박스, 시간선택버튼, 웹뷰어가 포함되어 있습니다. 날짜선택버튼 블록 '버튼'과 비슷하게 생겼지만 클릭했을 때 날짜를 선택할 수 있는 창이 보이는 컴포넌트입니다. 스마트폰의 날짜와 연결되어 있어서 현재 날짜와 요일이 자동으로 표시됩니다. 블록 설명 날짜선택버튼에서 날짜를 선택하면 '실행' 내부의 명령을 실행합니다. (다른 컴포넌트에서) 날짜선택버튼이 선택되었을 때 '실행' 내부의 명령을 실행합니다. 날짜선택버튼에서 다른 컴포넌트가 선택되었을 때 '실행' 내부의 명령을 실행합니다. ..
더보기
[앱인벤터 기초] 사용자 인터페이스 - 체크박스 블록 이해하기
사용자 인터페이스는 화면 구성에 가장 많이 사용되는 컴포넌트들을 모아 놓은 그룹입니다. 그룹안에는 버튼, 체크박스, 날짜선택버튼, 이미지, 레이블, 목록선택버튼, 목록뷰, 알림, 암호텍스트박스, 슬라이더, 스피너, 스위치, 텍스트박스, 시간선택버튼, 웹뷰어가 포함되어 있습니다. 체크박스 블록 사용자가 체크박스를 클릭할 때 마다 참, 거짓을 반환하는 컴포넌트입니다. 기본적으로 처음에는 체크가 해제되어 있습니다. 보통 어떤 것의 유무를 표시할 때 많이 사용합니다. 블록 설명 체크박스를 선택하거나 해제할 때 '실행' 내부의 명령을 실행합니다. (다른 컴포넌트에서)체크박스가 선택되었을 때 '실행' 내부의 명령을 실행합니다. 체크박스에서 다른 컴포넌트가 선택되었을 때 '실행' 내부의 명령을 실행합니다. 체크박스의..
더보기
