본문 바로가기

앱인벤터/Tips19

앱인벤터 Tips ::: 구글 스프레드시트(Google Sheets) 사용하기 안녕하세요. 이지이지입니다. 예전에 거의 같은 제목으로 구글 스프레드시트 사용하기에 대해 포스팅한 적이 있었는데요. 블로그의 통계를 보았을 때 생각보다 조회수가 높은 편이어서 다시 한번 그 글에 대해 생각해 보았습니다. 그 결과 내용이 너무 고난이도 인것 같아, 이번 포스팅에서는 구글 스프레드시트를 사용하는 좀 더 간단한 방법에 대해 알려드리고자 합니다. 이번 포스팅에서는 앱을 통해 구글 스프레드시트의 자료를 읽어 오는 것만 가능하다는 것을 미리 말씀드리며, 앱에서 구글 스프레드시트의 내용 읽기, 쓰기, 수정, 삭제까지 원하시는 분께서는 저의 이전 포스팅을 참고하시기 바랍니다. 앱인벤터에서 구글 스프레드시트 사용하기(feat. Google Apps Script) 안녕하세요. 이지이지입니다. 지난 앱인벤터.. 2022. 2. 4.
앱인벤터 Tips ::: 컴포넌트 여백, 크기, 애니메이션, 그림자 등 설정 안녕하세요. 이지이지입니다. 이번 포스팅에서는 앱인벤터 컴포넌트의 다양한 설정 방법에 대한 팁을 공유해보도록 하겠습니다. 앱인벤터를 사용하면서 '레이블에 여백을 주고 싶은데..', '애니메이션 기능이 있었으면 좋을텐데' 등의 생각을 해보지 않으셨나요??? 기본 블록으로는 불가능했던 레이블, 버튼 등 각종 컴포넌트에 오늘 소개해드릴 확장 프로그램 ComponentTools를 통해 다음과 같은 설정을 할 수 있습니다. 1. 컴포넌트 이동(애니메이션) 2. 컴포넌트의 위치 설정 3. 컴포넌트 안 여백(padding) 추가 4. 컴포넌트 회전 5. 컴포넌트 크기 변경 6. 컴포넌트 그림자 추가 7. 기타 등등 먼저 앱인벤터 확장 프로그램과 이번 포스팅에서 사용한 소스 파일을 내려받아 참고하시기 바랍니다. 확장 .. 2022. 1. 28.
앱인벤터 Tips ::: 팝업 시트(레이어) 사용하기 안녕하세요. 이지이지입니다. 이번 포스팅에서는 위의 이미지에서 보이는 것과 같은 팝업 시트 사용법에 대해 알려드리도록 하겠습니다. c.f.) 팝업 시트라는 용어는 제가 붙인 것이지 앱인벤터 정식 용어는 아닙니다. 하단에서 나타나는 시트는 네이티브앱(자바, 코틀린 등)에서는 BottomSheet라고 부릅니다. 앱인벤터에서 팝업 시트를 사용하기 위해서는 확장프로그램(extension)을 사용해야 합니다. 오늘 사용할 확장 프로그램은 두 가지 입니다. 1. CustomSheet: 팝업 시트 확장프로그램 2. GetMetrics: CustomSheet에서 크기를 지정할 때 사용할 확장프로그램 제가 만든 소스 파일(extension 포함)과 확장프로그램을 내려받아 참고하시기 바랍니다. CustomSheet 블록 .. 2022. 1. 21.
앱인벤터 Tips ::: 리스트 섞기 안녕하세요. 이지이지입니다. 이번 포스팅에서는 앱인벤터에서 리스트를 무작위로 섞는 방법에 대해 알아보도록 하겠습니다. 앱인벤터에서는 아쉽게도 리스트를 섞는 블록이 없어 직접 블록으로 만드는 수 밖에 없습니다. 리스트를 섞는 알고리즘은 여러가지가 있을 수 있는데, 제가 사용하는 방법에 대해 알려드립니다. 다음 소스를 내려받아 참고하시구요. 그냥 단순히 리스트를 섞어보기만 원하시는 분께서는 다음 빨간색 네모 부분을 섞기 원하는 리스트로 바꾸시면 됩니다. 블록 코딩 다음은 예를 들어 보일 리스트 항목과, 화면이 처음 실행되었을 때 실행되는 블록입니다. 따로 설명은 하지 않겠습니다. 다음은 새로운 리스트를 저장할 변수와 [섞기] 버튼을 클릭했을 때 실행되는 블록입니다. ① 최초 리스트를 섞은 다음 넣어 둘 리스.. 2022. 1. 10.
앱인벤터 Tips ::: 레이블로 테이블(표) 만들기 안녕하세요. 이지이지입니다. 앱인벤터 2번째 Tip 포스팅으로 레이블을 표처럼 활용하는 방법에 대해 설명드리도록 하겠습니다. ※ 레이블을 표로 활용하는 이유는? 앱인벤터에서는 컴포넌트의 개수를 변화하는 수에 대응하여 추가하거나 삭제할 수 없습니다. 예를 들어, 가계부를 만들 때 사용자마다 지출항목이 1개일수도 있고 10개일수도 있습니다. 이런 경우 앱인벤터에서는 리스트뷰 컴포넌트 또는 레이블 컴포넌트의 줄바꿈 기능을 활용하여 대응할 수 있습니다. 예제 앱을 통해 설명드리니 아래 소스 파일을 참고하며 글을 보시기 바랍니다. 화면 구성 예제 앱의 화면 구성은 간단하게 이루어져 있습니다. 레이블의 줄바꿈 기능은 HTML format 기능을 사용하지 않을 경우에는 \n, HTML format 기능을 사용할 경우.. 2021. 12. 22.