본문 바로가기

전체 글

[앱인벤터 기초] 사용자 인터페이스 - 레이블 블록 이해하기 사용자 인터페이스는 화면 구성에 가장 많이 사용되는 컴포넌트들을 모아 놓은 그룹입니다. 그룹안에는 버튼, 체크박스, 날짜선택버튼, 이미지, 레이블, 목록선택버튼, 목록뷰, 알림, 암호텍스트박스, 슬라이더, 스피너, 스위치, 텍스트박스, 시간선택버튼, 웹뷰어가 포함되어 있습니다. 레이블 블록 스크린에 글자를 표시하고 싶을 때 사용하는 컴포넌트입니다. 레이블 컴포넌트는 컴포넌트들 사이에 간격을 주고 싶을 때 사용하기도 합니다. 여백을 주고싶을 때는 글자를 공백으로 하고 너비를 지정해서 사용합니다. 블록 설명 레이블의 배경색을 가져오거나 변경할 수 있는 블록입니다. 기본적으로 rgba 배경값을 가지고 있습니다. 레이블의 글자크키를 가져오거나 변경할 수 있는 블록입니다. 단위는 sp(scale-independe.. 더보기
[앱인벤터 기초] 사용자 인터페이스 - 이미지 블록 이해하기 사용자 인터페이스는 화면 구성에 가장 많이 사용되는 컴포넌트들을 모아 놓은 그룹입니다. 그룹안에는 버튼, 체크박스, 날짜선택버튼, 이미지, 레이블, 목록선택버튼, 목록뷰, 알림, 암호텍스트박스, 슬라이더, 스피너, 스위치, 텍스트박스, 시간선택버튼, 웹뷰어가 포함되어 있습니다. 이미지 블록 스크린에 이미지를 표시하고 싶을 때 사용하는 컴포넌트입니다. 이미지 컴포넌트만 삽입하고 표시할 사진을 선택하지 않으면 스마트폰 화면에 아무것도 보이지 않습니다. 사진을 등록할 때 파일명이 한글이면 오류가 발생합니다. 파일명은 영문자와 숫자 또는 _ 기호로만 구성되어야 합니다. 이미지를 [미디어]에 등록하면 앱인벤터 서버에 등록됩니다. 블록 설명 이미지를 클릭하면 '실행' 내부의 명령을 실행합니다. 이미지가 화면에 움직.. 더보기
[앱인벤터 기초] 사용자 인터페이스 - 날짜선택버튼 블록 이해하기 사용자 인터페이스는 화면 구성에 가장 많이 사용되는 컴포넌트들을 모아 놓은 그룹입니다. 그룹안에는 버튼, 체크박스, 날짜선택버튼, 이미지, 레이블, 목록선택버튼, 목록뷰, 알림, 암호텍스트박스, 슬라이더, 스피너, 스위치, 텍스트박스, 시간선택버튼, 웹뷰어가 포함되어 있습니다. 날짜선택버튼 블록 '버튼'과 비슷하게 생겼지만 클릭했을 때 날짜를 선택할 수 있는 창이 보이는 컴포넌트입니다. 스마트폰의 날짜와 연결되어 있어서 현재 날짜와 요일이 자동으로 표시됩니다. 블록 설명 날짜선택버튼에서 날짜를 선택하면 '실행' 내부의 명령을 실행합니다. (다른 컴포넌트에서) 날짜선택버튼이 선택되었을 때 '실행' 내부의 명령을 실행합니다. 날짜선택버튼에서 다른 컴포넌트가 선택되었을 때 '실행' 내부의 명령을 실행합니다. .. 더보기
[앱인벤터 기초] 사용자 인터페이스 - 체크박스 블록 이해하기 사용자 인터페이스는 화면 구성에 가장 많이 사용되는 컴포넌트들을 모아 놓은 그룹입니다. 그룹안에는 버튼, 체크박스, 날짜선택버튼, 이미지, 레이블, 목록선택버튼, 목록뷰, 알림, 암호텍스트박스, 슬라이더, 스피너, 스위치, 텍스트박스, 시간선택버튼, 웹뷰어가 포함되어 있습니다. 체크박스 블록 사용자가 체크박스를 클릭할 때 마다 참, 거짓을 반환하는 컴포넌트입니다. 기본적으로 처음에는 체크가 해제되어 있습니다. 보통 어떤 것의 유무를 표시할 때 많이 사용합니다. 블록 설명 체크박스를 선택하거나 해제할 때 '실행' 내부의 명령을 실행합니다. (다른 컴포넌트에서)체크박스가 선택되었을 때 '실행' 내부의 명령을 실행합니다. 체크박스에서 다른 컴포넌트가 선택되었을 때 '실행' 내부의 명령을 실행합니다. 체크박스의.. 더보기
[앱인벤터 기초] 사용자 인터페이스 - 버튼 블록 이해하기 사용자 인터페이스는 화면 구성에 가장 많이 사용되는 컴포넌트들을 모아 놓은 그룹입니다. 그룹안에는 버튼, 체크박스, 날짜선택버튼, 이미지, 레이블, 목록선택버튼, 목록뷰, 알림, 암호텍스트박스, 슬라이더, 스피너, 스위치, 텍스트박스, 시간선택버튼, 웹뷰어가 포함되어 있습니다. 버튼 블록 버튼을 클릭했을 때 동작을 처리하는 컴포넌트입니다. 이미지를 삽입하면 이미지버튼으로 사용할 수 있습니다. 블록 설명 버튼을 클릭하면 '실행' 안의 블록들을 실행합니다. 커서가 가까이 오면 버튼을 클릭 할 수 있음을 나타냅니다. 버튼을 길게 누르면 '실행' 안의 블록들을 실행합니다. 커서가 멀어질때 버튼을 클릭 할 수 없음을 나타냅니다. 버튼을 누르고 있으면 '실행' 안의 블록들을 실행합니다. 버튼을 누른 후 손을 땔 때.. 더보기
[앱인벤터 기초] 공통블록 - 변수블록, 함수블록 이해하기 공통블록은 앱인벤터 화면에 아무것도 없어도 사용가능한 명령 블록입니다. 공통블록 안에는 '제어', '논리', '수학', '텍스트', '리스트', '색상', '변수', '함수' 블록으로 구성되어 있습니다. 변수블록 변수블록은 하나의 값을 저장하는 전역변수와 지역변수를 선언하고 변수 값을 가져오는 명령블록들로 구성되어 있습니다. 블록 검색 명령어 설명 전역변수 만들기 전역변수를 생성하고 처음 값을 지정합니다. 가져오기변수 만들어진 변수 값을 가져옵니다. 지정하기변수 변수의 값을 다른 값으로 변경합니다. 실행에서 사용할 지역변수 초기화 지역변수를 만들고 블록 내부의 명령 블록을 실행합니다. 반환시 지역변수를 초기화하세요 지역변수를 만들고 블록 내부의 명령 블록을 실행한 결과를 반환합니다. 전역변수와 지역변수 .. 더보기
[앱인벤터 기초] 공통블록 - 색상블록 이해하기 공통블록은 앱인벤터 화면에 아무것도 없어도 사용가능한 명령 블록입니다. 공통블록 안에는 '제어', '논리', '수학', '텍스트', '리스트', '색상', '변수', '함수' 블록으로 구성되어 있습니다. 색상블록 색상블록은 13개의 색과 RGB 코드 값을 지정하여 색을 선택할 수 있는 명령블록들로 구성되어 있습니다. 블록 검색 명령어 설명 검정, 빨강 등 색 입력 색을 선택해서 사용할 수 있습니다. 총 70개의 색을 선택할 수 있습니다. 색상 만들기 위에서부터 빨강, 초록, 파랑 값을 입력해서 색을 직접 지정할 수 있습니다. 여기에 항목을 하나 더 추가하면 알파 값 또는 색상의 투명도를 나타냅니다. 기본 알파 값은 100(불투명)입니다. RGBA와 RGB 색상값 RGBA는 red green blue al.. 더보기
[앱인벤터 기초] 공통블록 - 리스트블록 이해하기 공통블록은 앱인벤터 화면에 아무것도 없어도 사용가능한 명령 블록입니다. 공통블록 안에는 '제어', '논리', '수학', '텍스트', '리스트', '색상', '변수', '함수' 블록으로 구성되어 있습니다. 리스트블록 리스트블록은 여러 개의 값을 저장하는 리스트와 관련된 명령블록들로 구성되어 있습니다. 블록 검색 명령어 설명 빈 리스트 만들기 빈 리스트를 만듭니다. 리스트 만들기 여러 개의 항목을 가진 리스트를 만듭니다. 항목 추가하기 만들어진 리스트 끝에 항목(item)을 하나 추가합니다. 리스트안에 있나요? '리스트'에 '항목'에 있는 값이 포함되 있으면 참, 없다면 거짓을 반환합니다. 길이 구하기 리스트의 길이(항목 수)를 반환합니다. 리스트가 비어있는가? 리스트가 비어 있으면 참을, 아니라면 거짓을 .. 더보기