kivy (python) [kivy (python)] [Python] 파이썬 키비(kivy) 앱 개발 - 머티리얼 디자인, KivyMD

2024.12.20 15:32

졸리운_곰 조회 수:392

[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로 크기 조절이 가능하다.

from kivy.app import App from kivy.uix.gridlayout import GridLayout from kivy.uix.image import Image class Npc(GridLayout): def __init__(self, **kwargs): super().__init__(**kwargs) self.img = Image(source="config.png", size=(400,300)) self.add_widget(self.img) class MyApp(App): def build(self): return Npc() MyApp().run()

키비 머티리얼 디자인, klivyMD

머티리얼 디자인(Material Design)을 알아야 한다. 머티리얼 디자인은 복잡한 그래픽 효과를 배제하고 직관적인 인식이 가능하도록 구성하는 2차원 디자인 방식인 플랫 디자인의 장점을 살리면서 그림자 효과를 이용해 입체감을 살리는 디자인 방식이다. 2014년 구글이 안드로이드 스마트 폰에 적용하며 널리 퍼졌다. 머티리얼 컴포넌트 위젯은 이러한 머티리얼 디자인 가이드라인에 따라 시각적이고 동작이 풍부한 위젯을 의미한다.

​

다음은 키비 머티리얼 디자인 라이브러리의 공식 문서 페이지다.

- https://kivymd.readthedocs.io/en/latest/getting-started.html#installation

 

​

설치는 간단히 pip로 설치하자.

pip install kivymd

​

kivyMD에서 제공하는 MBLabel 위젯은 기존에 비해 머티리얼 디자인을 사용해 시각적인 디자인 기능을 제공한다.

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

from kivymd.app import MDApp from kivymd.uix.label import MDLabel class MainApp(MDApp): def build(self): return MDLabel(text="Hello, World", halign="center") MainApp().run()

머티리얼 디자인을 사용한 버튼도 기존 kivy와 비교해 살펴보자. 머티리얼 디자인은 반응형 디자인을 제공해 시각적인 효과를 띈다.

from kivy.uix.screenmanager import Screen from kivymd.app import MDApp from kivymd.uix.button import MDRectangleFlatButton class MainApp(MDApp): def build(self): screen = Screen() screen.add_widget( MDRectangleFlatButton( text="Hello, World", pos_hint={"center_x": 0.5, "center_y": 0.5}, ) ) return screen MainApp().run()
 

기타 공식 문서에서 필요한 위젯을 가져다 사용하자. 시각적인 아이콘과 폰트도 제공해 유용하다.

머티리얼 앱, 색상, 아이콘, 폰트 메뉴

​

​

다음은 예제로 가져온 파이썬 아이콘이다.

from kivy.lang import Builder from kivymd.app import MDApp KV = ''' Screen: MDIconButton: icon: "language-python" pos_hint: {"center_x": .5, "center_y": .5} ''' class Example(MDApp): def build(self): return Builder.load_string(KV) Example().run()

기타 다양한 머티리얼 아이콘을 제공한다.

Components 를 클릭하면 전체 컴포넌트 문서로 이동해 기타 위젯을 포함한 전체 머티리얼 컴포넌트 위젯을 볼 수 있다.

​

드롭다운으로 보이는 메뉴는 자주 쓰이는 머티리얼 컴포넌트 위젯이다.

다음은 전체 머티리얼 컴포넌트 위젯 문서 페이지다.

​

[출처] https://m.blog.naver.com/PostView.naver?blogId=dsz08082&logNo=222056452304&navType=by

 

 

본 웹사이트는 광고를 포함하고 있습니다.
광고 클릭에서 발생하는 수익금은 모두 웹사이트 서버의 유지 및 관리, 그리고 기술 콘텐츠 향상을 위해 쓰여집니다.
이 게시물을
목록
목록
번호 제목 글쓴이 날짜 조회 수
64 [python][자료구조] "pdf 취소선 검출" How to identify strike-out text from PDF files using Python 졸리운_곰 2024.07.18 544
63 [python][자료구조] 오픈 소스 Python PDF 파서 라이브러리 file 졸리운_곰 2024.07.16 444
62 [python][자료구조] 벡터화 | Vectorization file 졸리운_곰 2023.12.21 330
61 [python][자료구조] Python의 Loop? NO! , Python의 Vectorization? OK!!! file 졸리운_곰 2023.12.21 473
60 [python][자료구조] Python - MySQL 데이터 추가, 삭제, 업데이트 졸리운_곰 2023.05.13 488
59 [python][자료구조] Python의 JSON - 문자열을 JSON으로 변환하는 방법 졸리운_곰 2023.05.06 456
58 [python][자료구조] [Python] Logging to MongoDB (로그 남기기) file 졸리운_곰 2023.03.24 428
57 [python][자료구조] [스파르타 웹 개발 종합] 파이썬으로 크롤링하고 DB에 저장하기(request, bs4, mongoDB 패키지 사용) 졸리운_곰 2023.03.12 461
56 [python][자료구조] [MongoDB] Document Query(조회) – find() 메소드 졸리운_곰 2023.03.08 315
55 [python][자료구조] Python(flask)으로 mongoDB 제어하기 – pymongo file 졸리운_곰 2023.03.08 604
54 [python][자료구조] django sqlite3 MySQL로 전환하기 file 졸리운_곰 2023.03.02 409
53 [python][자료구조] django에서 db.sqlite3 데이터를 mysql로 옮기기 졸리운_곰 2023.03.02 427
52 [python][자료구조] Python - JSON 파일 읽고 쓰는 방법 졸리운_곰 2023.02.04 480
51 [python][자료구조] [인코딩] 유니코드 인코딩 처리 (특히 json 입출력 시) 졸리운_곰 2023.02.04 363
50 [python][자료구조] Dropbox API 사용하기 (with python) 졸리운_곰 2022.12.03 306
49 [Python][자료구조] SQLAlchemy Tutorial(한글) - 2 졸리운_곰 2022.12.03 393
48 [Python]][자료구조] SQLAlchemy Tutorial(한글) - 1 졸리운_곰 2022.12.03 275
47 [python][자료구조] python anaconda 에서 mysql 접속 졸리운_곰 2022.01.25 657
46 [python 자료구조] 림코딩의 파이썬으로 csv 다루기 강좌 (읽기,쓰기,수정,추가) 졸리운_곰 2022.01.16 521
45 python - 읽은 후 kafka 메시지를 삭제하는 방법 졸리운_곰 2021.07.13 900
쓰기
태그
대표 김성준 주소 : 경기 용인 분당수지 U타워 등록번호 : 142-07-27414
통신판매업 신고 : 제2012-용인수지-0185호 출판업 신고 : 수지구청 제 123호 개인정보보호최고책임자 : 김성준 sjkim70@stechstar.com
대표전화 : 010-4589-2193 [fax] 02-6280-1294 COPYRIGHT(C) stechstar.com ALL RIGHTS RESERVED