분류 전체보기589 앱인벤터 알림-예제앱 앱인벤터-알림-예제앱 앱인벤터의 컴포넌트들을 이해와 실제 예제를 통해 실습을 통해 모바일 앱 개발에 활용도를 높이고자 한다. 이번 시간에는 알림 컴포넌트를 활용하여 알림 컴포넌트에서 제공하는 다양한 알림 창들을 표시해 볼 것이다. 해당하는 버튼을 클릭하면 . 디자인-알림앱 본 예제는 알림 컴포너트를 활용하여 다양한 알림 창을 표시할 것이다. 버튼 컴포넌트를 활용하여 알림창을 표시할 것이다. 컴포넌트 . 알림 컴포넌트 : 알림 창을 표시하는 컴포넌트 . 6개 버튼 컴포넌트 : 경고창, 선택대화창, 암호입력창, 진행대화창, 텍스트입력창, 메시지창을 실행시키기 위한 버튼 컴포넌트이다. 위의 컴포넌트를 팔레트에서 drag&drop하여 배치한 결과의 화면이다. 설계 아이디어 각 버튼을 클릭하면 해당하는 알림창을 .. 2022. 9. 18. 앱인벤터-목록뷰-연락처앱 앱인벤터-목록뷰-연락처앱 앱인벤터의 컴포넌트들을 이해와 실제 예제를 통해 실습을 통해 모바일 앱 개발에 활용도를 높이고자 한다. 이번 시간에는 목록뷰 컴포넌트를 활용하여 스마트폰의 연락처를 관리하는 앱을 만들어 보자. 주요 기능으로는 이름과 전화번호를 추가, 삭제, 전화거는 것까지 프로그램을 작성할 것이다. . 디자인-연락처 본 예제는 목록뷰 컴포너트를 활용하여 연락처를 관리하는 앱을 만들 것이다. 연락처 디자인으로는 이름과 전화번호를 입력하는 텍스트박스와 추가, 삭제, 전화 등의 버튼 그리고 연락처를 목록뷰에 표시할 것이다. 컴포넌트 . 목록뷰 컴포넌트 : 연락처로 이름과 전화번호를 사용자에게 보여주는 컴포넌트이다. * 이름 입력 . 수평배치 컴포넌트 : 레이블과 텍스트박스를 수평하게 배치하는 목적으로.. 2022. 9. 17. 앱인벤터-목록선택버튼 컴포넌트 활용 예제2 앱인벤터-목록선택버튼 컴포넌트를 활용 예제2 앱인벤터의 컴포넌트들을 이해와 실제 예제를 통해 실습을 통해 모바일 앱 개발에 활용도를 높이고자 한다. 이번 시간에는 목록선택버튼 컴포넌트의 요소를 추가하고, 선택한 요소의 번호와 항목값을 출력해보는 예제를 작성할 것이다. . 디자인 본 예제는 목록선택버튼 컴포너트를 활용하여 사계절, 즉 봄, 여름, 가을, 겨울 목록을 선택하면, 요소항목과 선택항목번호 값이 표시되는 예제이다. 목록선택버튼 컴포넌트에서 선택된항목과 선택된항목번호 그리고 요소값 등의 이해를 돕기 위해 만든 예제이다. 컴포넌트 . 목록선택버튼 컴포넌트 : 목록값으로 아무것도 설정하지 않는다. * 요소항목 입력 . 수평배치 : 텍스트박스와 버튼을 수평하게 배치하는 목적으로 사용한다. . 텍스트박스 .. 2022. 9. 16. 앱인벤터-목록선택버튼을 활용하는 예제 앱인벤터-목록선택버튼 컴포넌트를 활용하는 예제 앱인벤터의 컴포넌트들을 이해와 실제 예제를 통해 실습을 통해 모바일 앱 개발에 활용도를 높이고자 한다. 이번 시간에는 목록선택버튼 컴포넌트의 속성값과 블럭들을 활용하는 예제를 실습한다. . 목록선택버튼 컴포넌트 예제를 위한 디자인 본 예제는 목록선택버튼 컴포너트를 활용하여 사계절, 즉 봄, 여름, 가을, 겨울 목록을 선택하면, 해당하는 계절의 꽃이 이미지 컴포넌트에 보이게 하는 예졔이다. 주요 컴포넌트는 목록선택버튼과 이미지 컴포넌트이다. 컴포넌트 . 목록선택버튼 컴포넌트 : 목록값으로 봄, 여름, 가을, 겨울 값을 설정하였다. 이미지 컴포넌트 : 너비는 부모요소에 맞추기, 높이는 300pixel로 설정하였다. 위의 컴포넌트를 팔레트에서 drag&drop하여.. 2022. 9. 15. 이전 1 ··· 97 98 99 100 101 102 103 ··· 148 다음