- 전체
- Python 일반
- Python 수학
- Python 그래픽
- Python 자료구조
- Python 인공지능
- Python 인터넷
- Python SAGE
- wxPython
- TkInter
- iPython
- wxPython
- pyQT
- Jython
- django
- flask
- blender python scripting
- python for minecraft
- Python 데이터 분석
- Python RPA
- cython
- PyCharm
- pySide
- kivy (python)
[kivy (python)] [Python] 파이썬 키비(kivy) 앱 개발 - 머티리얼 디자인, KivyMD
파이썬 키비 앱 만들기
- 머티리얼 디자인 -
참고 사이트
키비 공식 문서 :
- 메인 페이지, https://kivy.org/doc/stable/
- 가이드 문서, https://kivy.org/doc/stable/guide/basic.html
- 키비MD API 문서, https://pypi.org/project/kivymd/
- 키비MD 위젯 컴포넌트 문서, https://kivymd.readthedocs.io/en/latest/components/index.html
키비 이미지 불러오기
키비에서 제공하는 기본 이미지 위젯은 Image로 png, jpg 파일을 앱에 넣을 대 사용하는 위젯이다. config.png 파일을 넣어 불러온다.
Image로 불러오고 source에 이미지 파일명을 넣고 size로 크기 조절이 가능하다.
키비 머티리얼 디자인, klivyMD
머티리얼 디자인(Material Design)을 알아야 한다. 머티리얼 디자인은 복잡한 그래픽 효과를 배제하고 직관적인 인식이 가능하도록 구성하는 2차원 디자인 방식인 플랫 디자인의 장점을 살리면서 그림자 효과를 이용해 입체감을 살리는 디자인 방식이다. 2014년 구글이 안드로이드 스마트 폰에 적용하며 널리 퍼졌다. 머티리얼 컴포넌트 위젯은 이러한 머티리얼 디자인 가이드라인에 따라 시각적이고 동작이 풍부한 위젯을 의미한다.
다음은 키비 머티리얼 디자인 라이브러리의 공식 문서 페이지다.
- https://kivymd.readthedocs.io/en/latest/getting-started.html#installation
설치는 간단히 pip로 설치하자.
kivyMD에서 제공하는 MBLabel 위젯은 기존에 비해 머티리얼 디자인을 사용해 시각적인 디자인 기능을 제공한다.
좌쪽은 kivy / 우측은 kivyMD
(출처 : https://kivymd.readthedocs.io/en/latest/getting-started.html#installation)
머티리얼 디자인을 사용한 버튼도 기존 kivy와 비교해 살펴보자. 머티리얼 디자인은 반응형 디자인을 제공해 시각적인 효과를 띈다.
좌쪽은 kivy / 우측은 kivyMD
(출처: https://kivymd.readthedocs.io/en/latest/getting-started.html#installation)
기타 공식 문서에서 필요한 위젯을 가져다 사용하자. 시각적인 아이콘과 폰트도 제공해 유용하다.
머티리얼 앱, 색상, 아이콘, 폰트 메뉴
다음은 예제로 가져온 파이썬 아이콘이다.
기타 다양한 머티리얼 아이콘을 제공한다.
Components 를 클릭하면 전체 컴포넌트 문서로 이동해 기타 위젯을 포함한 전체 머티리얼 컴포넌트 위젯을 볼 수 있다.
드롭다운으로 보이는 메뉴는 자주 쓰이는 머티리얼 컴포넌트 위젯이다.
다음은 전체 머티리얼 컴포넌트 위젯 문서 페이지다.
[출처] https://m.blog.naver.com/PostView.naver?blogId=dsz08082&logNo=222056452304&navType=by
광고 클릭에서 발생하는 수익금은 모두 웹사이트 서버의 유지 및 관리, 그리고 기술 콘텐츠 향상을 위해 쓰여집니다.
