앱인벤터45 앱인벤터 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. 앱인벤터 Tips ::: 구글 드라이브 이미지 사용하기 안녕하세요. 이지이지입니다. 오늘 제 블로그 카테고리를 조금 변경했습니다. 기존에 앱인벤터와 관련된 게시글들이 모두 앱인벤터 카테고리 안에 들어있었는데... 이를 좀 세분하여 강좌, Tips, 실전 앱 세 가지로 분류하게 되었습니다. 그동안 앱인벤터 글을 작성하면서 좀 난이도 있는 것만 올리지 않았나 생각이 들어... 사소하지만 유용하게 사용할 수 있는 팁에 대해 올리고자 Tips 카테고리를 특별히 추가하게 되었습니다. 첫 번째 글로 앱인벤터에서 구글 드라이브의 이미지를 사용하는 방법에 대해 알려드리도록 하겠습니다. 왜 구글 드라이브의 이미지를 사용해야 할까? 먼저 왜 구글 드라이브의 이미지를 사용해야 하는지 말씀드리자면... 앱인벤터는 실제 앱으로 빌드할 경우 용량이 30MB를 초과할 수 없습니다. 그.. 2021. 12. 18. 앱인벤터 가계부앱 만들기 #2 (일별 지출항목 화면 및 항목 삭제하기) 안녕하세요. 이지이지입니다. 이번 포스팅에서는 지난 포스팅에 이어 가계부앱을 완성해보도록 하겠습니다. ScreenDay 스크린을 만들어 일별 지출항목을 확인하고, 항목을 삭제할 수 있도록 구성합니다. Screen1과 TinyDB1에 저장된 값을 공유하니, 반드시 포스팅 1편을 먼저 본 후 2편을 보시기 바랍니다. 1편에 이어 다시 같은 소스 파일을 올려드리니 내려받아 참고하시기 바랍니다. 화면 구성 예제 앱의 Screen_Day 화면 구성은 위와 같으며... ListView 컴포넌트가 가장 중요한 요소입니다. 예제앱과 같은 화면을 구성하기 위해서는 ListView1 컴포넌트의 ListViewLayout의 속성을 MainText, DetailText(Horizontal)로 설정합니다. 다른 컴포넌트의 속성.. 2021. 12. 9. 이전 1 2 3 4 5 6 ··· 9 다음
