본문 바로가기

분류 전체보기589

앱인벤터 레이아웃-표형식배치 컴포넌트 레이아웃-표형식배치 컴포넌트 앱인벤터의 컴포넌트들을 이해와 실제 예제를 통해 실습을 통해 모바일 앱 개발에 활용도를 높이고자 한다. 이번 시간에는 레이아웃에서 표형식배치 컴포넌트에 대해 이해하고 실습을 하고자 한다. 표형식배치 컴포넌트는 표 모양으로 컴포넌트를 배치하는데, 열과 행의 수로 컴포넌트를 배치할 수 있고, 표의 높이와 너비를 지정할 수 있다. . 표형식배치 컴포넌트 다양한 사용자 인터페이스의 컴포넌트를 표 형식으로 배치할 때 사용한다. 표의 높이와 너비로 표의 크기를 정하고 표의 행과 열의 개수로 배치할 수 있는 컴포넌트를 정한다. 기본으로 drag&drop하면 2x2의 표형식배치 컴포넌트가 삽입된다. 팔레트 표형식배치 컴포넌트는 팔레트에 “레이아웃”에 있다. 표형식배치 컴포넌트를 오른쪽 뷰어.. 2022. 1. 11.
앱인벤터 레이아웃-스크롤가능수평배치/수직배치 컴포넌트 레이아웃-스크롤가능수평배치/수직배치 컴포넌트 앱인벤터의 컴포넌트들을 이해와 실제 예제를 통해 실습을 통해 모바일 앱 개발에 활용도를 높이고자 한다. 이번 시간에는 레이아웃에서 스크롤가능수평배치/수직배치 컴포넌트에 대해 이해하고 실습을 하고자 한다. 스크롤가능수평배치/수직배치 컴포넌트는 기본적으로 수평배치/수직배치와 동일하며 한가지 차이점은 컴포넌트가 화면의 너비보다 커질 경우, 자동으로 스크롤이 생성되어 사용자에게 스크롤기능을 제공한다. . 스크롤가능수평배치/수직배치 컴포넌트 다양한 사용자 인터페이스의 컴포넌트를 한줄에 여러개의 컴포넌트를 배치할 때 사용한다. 이미 여러분이 사용자 인터페이스를 실습하였다면 자연스럽게 수평배치를 실습하였을 것이다. 앱인벤터는 하나의 컴포넌트는 한줄에 하나씩만 배치할 수 있.. 2022. 1. 10.
레이아웃-수평배치/수직배치 컴포넌트 레이아웃-수평배치/수직배치 컴포넌트 앱인벤터의 컴포넌트들을 이해와 실제 예제를 통해 실습을 통해 모바일 앱 개발에 활용도를 높이고자 한다. 이번 시간에는 레이아웃에서 수평배치/수직배치 컴포넌트에 대해 이해하고 실습을 하고자 한다. 수평배치/수직배치 블럭은 사용자 인터페이스 등의 다양한 컴포넌트 배열을 수평/수직 배치 기능을 제공하는 컴포넌트이다. . 수평배치/수직배치 컴포넌트 다양한 사용자 인터페이스의 컴포넌트를 한줄에 여러개의 컴포넌트를 배치할 때 사용한다. 이미 여러분이 사용자 인터페이스를 실습하였다면 자연스럽게 수평배치를 실습하였을 것이다. 앱인벤터는 하나의 컴포넌트는 한줄에 하나씩만 배치할 수 있다. 이에 한줄에 여러개의 컴포넌트를 배치하고자 할 때 사용하는 것이 수평배치/수직배치 컴포넌트이다. .. 2022. 1. 9.
내 맘대로 검색하기-웹뷰어 컴포넌트 예제 내맘대로 검색하기-웹뷰어 예제 . 무엇을 만들 것인가? . 모바일에서 검색할 때, 네이버 검색해서 원하는 결과가 안나오면 다음, 다음에서 원하는 결과가 안나오면 구글 사이트를 돌아가면서 검색하는데, 사이트를 이동할 때마다 검색어를 새로 입력해야 하는 불편함이 있다. 이에 웹뷰어를 통해 간단하게 네이버, 구글, 다음 사이트를 활용하여 검색하는 간단하면서도 매우 유용한 앱을 만들어보자. . 화면설계 컴포넌트로는 버튼 3개, 텍스트박스 1개 그리고 웹뷰어 컴포넌트를 추가하여 화면에 배치하였다. 텍스트박스 컴포넌트는 검색어를 입력하는 사용자 인터페이스이다. 그리고 3개의 버튼은 각각 네이버, 구글, 다음 사이트를 대변하는 버튼이다. 사용자는 검색어를 입력하고 ‘네이버’ 버튼을 클릭하면 검색어를 네이버에서 검색하.. 2022. 1. 3.

티스토리툴바