파이썬 키비 앱 만들기

- 레이아웃 개요와 입력창 -

키비 공식 문서 :

- 메인 페이지, https://kivy.org/doc/stable/

- 가이드 문서, https://kivy.org/doc/stable/guide/basic.html

레아아웃 : 한국어로는 배치다. 각 구성 요소를 제한된 공간 안에 효과적으로 배열하는 행위.

​

키비를 비롯 안드로이드 앱 등 GUI 형태의 애플리케이션은 위젯 단위로 동작한다.

웹이든 앱이든 제공하는 서비스 위젯을 적절히 배치해 기능에 맞는 디자인을 제공하자.

​

키비에서는 대표적으로 다음 레이아웃을 제공한다.

- Box Layout : 모든 공간을 채우기 위해 가로/세로로 위젯을 정렬한다.

- Grid Layout : 요소의 크기와 배열 방법을 계산할 수 있게 격자 형식으로 위젯을 정렬한다.

- Stack Layout : 전체 공간에 맞추지 않고 설정된 크기로 쌓아가는 방식으로 정렬한다.

경축! 아무것도 안하여 에스천사게임즈가 새로운 모습으로 재오픈 하였습니다.
어린이용이며, 설치가 필요없는 브라우저 게임입니다.
https://s1004games.com

- Anchor Layout : 상대적인 위치에 배치 (x = left, center, right / y = top, center, bottom)

- Float Layout : 절대적인 위치에 배치 (참고 : tkinter place)

입력창은 TextInput 위젯을 사용한다. 기본 multiline이 true로 되어있어 Fasle를 권장한다.

multiline이 참 값이면 엔터키를 눌렀을 때 이어 값을 입력할 수 있고 거짓이면 엔터키를 누르면 값 전송 개념이다.

password 인자를 True로 설정하면 입력 값이 가려진다.

텍스트 입력 위젯을 GridLayout 방식으로 레이아웃을 배치하는 공식 가이드 문서의 예제를 살펴보자.

다음은 예제의 전체 코드다. 키비의 uix에서 각 위젯을 가져와 클랙스에 추가하는 모습이 보인다.

추가한 클래스는 MyApp 클래스의 build 함수에 바인딩 된다.

실행하면 다음 모습이다. Grid 형식으로서 이름 라벨과 입력창, 비밀번호 라벨과 입력창 순서로 격자 구성이다.

입력창에 각 입력값을 넣어보고 결과를 확인한다.

​