앱만들기(앱인벤터2) 썸네일형 리스트형 [앱 인벤터2] 기본기능 익히기 7- 여러 개의 화면에서 값을 전달하기 앱을 실행해 보면 여러 개의 화면을 가진 앱이 많습니다.이번 강좌에서는 화면(스크린)을 두 개 만들고 그리고 버튼을 선택했을 때, (2) 창을 닫은 이후에 값을 전달하기(1) ‘화면이동’ 버튼을 선택하면 ‘Screen2’ 화면으로 입력된 값을 전달하고 이동합니다. 텍스트 박스Screen1, Screen2[준비작업]나. 언어를 한국어로 설정한다. 가. 스크린 추가 ① ‘스크린 추가’ 버튼을 선택합니다. [Screen1 화면] 번호 속성 변경 ① 버튼 버튼을 누르면 ‘Screen2’화면으로 이동합니다. 사용자 인터페이스 없음 [Screen2 화면] 요소 설명 사용자 인터페이스 없음. 그리고 화면 닫기를 버튼을 누르면 닫히면서 여기에 입력된 것이 다시 ‘Screen1’으로 전달되게 됩니다. 사용자 인터페이스 .. 더보기 [앱 인벤터2] 기본기능 익히기 6-화면 생성 및 화면 이동 [학습내용](1) ‘Screen2’ 화면 만들기 그리고 다음과 같은 블록 조각을 이용하여 원하는 화면으로 이동이 가능합니다.번호 블록이름 ① 다른 스크린 열기 스크린 이름 ② “ “ [따라해 보기][준비작업]나. 언어를 한국어로 설정한다. 가. 추가할 요소 구성요소 사용용도 및 속성값 버튼 사용자 인터페이스 ② 추가할 화면의 이름을 입력합니다.[블록편집 화면작업] 화면 이동 기능 추가 처음 시작 화면에서 오른쪽 상단의 ‘블록’ 버튼을 선택하면, 블록 편집 화면으로 이동합니다.이후 아래와 같이 블록을 뷰어 화면으로 가져옵니다. 앱을 실행시키고 화면이동 버튼을 선택하면 Screen2 화면으로 이동합니다.오늘 하루도 수고 하셨습니다. 화이팅입니다!!! ^^하나님이 세상을 이처럼 사랑하사 독생자를 주셨으니 이는.. 더보기 [앱 인벤터2] 기본기능 익히기 5-알람시계(2)-시계선택, 날짜선택 [목표] (가) 날짜 선택 요소 학습 날짜 선택 버튼은 선택하면 날짜를 설정할 수 있습니다. [앱 인벤터2] 기본 기능 익히기 4 (시계-Clock) 현재 날짜 시간 보여주기 가. http://ai2.appinventor.mit.edu/ 접속하기다. '새 프로젝트 시작' 선택 후, 프로젝트 이름 원하는 이름으로 작성하기. 영어로 작성해야 합니다.[디자이너편집 화면작업]번호 위치 ① 화면 왼쪽 영역 날짜를 사용자가 원하는 날짜로 설정할 수 있는 기능을 가지고 있습니다. 시간 선택 사용자 인터페이스 ③ 화면 왼쪽 영역 현재 시간과 현재 날짜를 표시할 수 있습니다. [블록편집 화면작업] 왼쪽 영역의 텍스트 – 합치기 블록을 이용하여 선택된 날짜의 년, 월, 일을 텍스트에 넣습니다.시간 설정 후, 시간 선택 버.. 더보기 [앱 인벤터2] 기본 기능 익히기 4 (시계-Clock) 현재 날짜 시간 보여주기 화면에 현재 날짜와 현재 시간을 표시하기 [학습내용] 가. http://ai2.appinventor.mit.edu/ 접속하기 다. '새 프로젝트 시작' 선택 후, 프로젝트 이름 작성하기 [디자이너편집 화면작업] 구성요소 사용용도 및 속성값 레이아웃 [속성] 레이블 1 인터페이스 [속성] 레이블 2 인터페이스 [속성] 시계1 현재 시간 및 날짜의 정보를 가져온다. (1) 수직 배치, (2), (3) 레이블 1,2, (4) 시계1 블록에서 블록 조각을 뷰어로 가져옵니다. 언제 시계1.타이머 : 일정 시간 간격으로 해당 명령들을 실행합니다. 시계1.시간 형식 : 정보를 받아 시간을 표시합니다. 일정 시간 간격으로 레이블에 날짜와 시간을 표시 일정 시간 간격으로 시계1에서 현재 시간 정보를 가져와서 장치에 연결.. 더보기 [앱 인벤터2] 이미지를 저장하고 다른 화면에서 불러오기 내가 가지고 있는 이미지를 화면에 보여주는 것은 어떻게 할까? 알림 구성요소를 이용하면 앱에 간단한 경고 메시지나 질문 메시지를 보여줄 수가 있어요. 실습하기 가. 스크린 추가‘스크린’이란 영어로 화면이라는 의미입니다. 즉, 앱을 만들 때 스마트폰의 화면을 하나 더 추가한다는 의미입니다. 가. 먼저 두 개의 화면을 나타내기 위해 화면을 하나 추가하기 뷰어 상단에 보면 스크린 추가라는 버튼을 누르면 화면 추가가 가능합니다. 디자이너 작업디자이너 화면에서는 아래 작업을 해야 합니다. 화면에 해당 구성 요소 및 이미지 파일 추가 할 일 설명 속성 이미지 파일 추가 캔버스에 이미지를 넣습니다. 캔버스 추가 이미지를 보여줍니다. 캔버스에 내용이 이미지로 저장이 가능합니다. 배경 이미지 배경 이미지 변경하기 버튼1.. 더보기 [앱 인벤터2] 기본 기능 익히기 3 (공유) 나의 기록을 공유하기(밴드, 문자 메시지등) 같은 방법으로 카카오톡, 밴드, 드롭 박스 등에 공유하는 기능을 만들 수 있습니다. 1년에 한번씩 ‘마인크래프트 대회’ 출전하였고, 결과가 전세계 5등이랍니다. 가. 앱 인벤터2 웹 페이지 접속하고, 언어를 ‘한국어’로 선택합니다. 나. 시험용 단말을 준비하기실습하기가. 디자이너에서 아래 요소를 추가합니다.버튼 하나와 레이블 둘, 그리고 공유 요소를 뷰어로 가져옵니다.그리고 레이블을 선택 후, 레이블의 속성의 텍스트 내용을 화면에 보이는 것 처럼 바꿔봅니다.레이블1 -텍스트 : 현재 마인크래프트 전세계 등수레이블2 -텍스트 : 5나. 블록 편집기로 이동하여 공유하는 기능을 작성.- 버튼1을 선택 후, '언제 버튼1.클릭' 블록 선택- 레이블2을 선택 후, '레이블2.텍스트' 블록 선택 텍스트에서 블록 조.. 더보기 [앱 인벤터2] 기본 기능 익히기 2 (문자 메세지) 다른 사람에게 메시지 보내기 버튼을 클릭하면 내가 원하는 친구에게 문자 메시지 보내기[준비]URL : http://ai2.appinventor.mit.edu/ 일반적으로 iPhone이 아닌 폰이 거의 대부분 안드로이드 OS를 가지고 있다고 보면 됩니다. 그리고 통신사 개통이 되어 있어야만, 문자 메시지 보내기 가능합니다.[실습하기]나. 버튼에 블록 편집기로 가서 문자 메시지 보내는 기능을 작성합니다. 버튼1에서 ‘언제 버튼1 클릭’ 블록, ‘지정하기 문자_메시지1.메시지’ 값 블록 ‘호출 문자_메시지1.메시지 보내기’ 블록 연결하는 방법 버튼을 선택하면 지정된 메세지 '메세지 테스트'가 내 친구에게 전달되게 됩니다. 더보기 [앱 인벤터2] 기본 기능 익히기 1 (목록뷰) -목록 추가, 삭제 저번시간에 목록 뷰를 만들어보는 것을 해 보았습니다. 저번시간에 이어, 만들어진 목록뷰를 선택하고 이를 삭제하는 기능에 대해 학습을 해 보도록 하겠습니다. 이번 시간에 할 내용# 버튼을 추가합니다.# 목록뷰에서 항목을 선택 한, 후 버튼을 선택하면 해당 항목이 삭제됩니다. [따라해 보기][디자이너 편집기] 팔레트에서 버튼을 가져와 뷰어에 버튼을 추가합니다. [블록 편집]블록 버튼을 선택합니다. 블록은 화면의 오른쪽 상단에 있습니다. 기존에 블록에 아래 블록을 추가합니다. [블록의 내용] 버튼을 클릭하면, (1) 먼저 게임목록 리스트에서 목록뷰에서 선택된 항목을 삭제합니다.(2) 이 리스트를 가져와 목록뷰의 요소로 지정합니다. 이 경우, 삭제된 항목을 제외한 리스트가 목록 뷰에 보여지게 됩니다. [결과 확.. 더보기 이전 1 2 3 4 다음
