kivy (python) [kivy (python)] [Python] 파이썬 키비(kivy) 앱 개발 - kv 파일과 한글 폰트

2024.12.20 15:20

졸리운_곰 조회 수:385

[kivy (python)] [Python] 파이썬 키비(kivy) 앱 개발 - kv 파일과 한글 폰트

파이썬 키비 앱 만들기

- kv 파일과 한글 폰트 -

참고 사이트

키비 공식 문서 :

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

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

- kv 공식 디자인 가이드 https://kivy.org/doc/stable/gettingstarted/rules.html

- kv 파일 참고, https://techwithtim.net/tutorials/kivy-tutorial/the-kv-design-language-kv-file/

키비 kv 파일

키비(Kivy)는 kv 디자인 언어를 가진다. 웹 페이지를 만들 때 HTML로 웹만 구성한다면 볼품없는 비시각적인 디자인이기에 디자인 언어인 CSS를 사용하는 것과 같다.

=> 키비에서 지원하는 kv 디자인 언어는 CSS와 유사한 디자인 언어다.

=> kv 언어는 화면에 요소를 스타일링하고 추가하는 역할을 하며 논리 기능은 없다.

kv 파일로 kivy 앱 화면을 디자인하기 전 kv 파일의 몇 규칙을 살펴보자.

1. 내용을 모두 LowCase 로 작성해야 한다.

2. 메인 클래스의 이름과 일치해야 한다.

3. 기본 클래스 이름이 app으로 끝나면 파일 이름에 app을 포함하지 않아야 한다.

4. 파일 위치는 python kivy 스크립트와 같은 경로에 있어야 한다.

5. 확장자는 .kv 파일로 작성하자.

kv 파일 사용해 화면 꾸미기

다음은 이전 글에서 예로 든 GridLayout으로 라벨과 입력창 두 개가 격자로 구성된 화면의 코드다.

from kivy.app import App from kivy.uix.gridlayout import GridLayout from kivy.uix.label import Label from kivy.uix.textinput import TextInput class LoginScreen(GridLayout): def __init__(self, **kwargs): super(LoginScreen, self).__init__(**kwargs) self.cols = 2 self.add_widget(Label(text='User Name')) self.username = TextInput(multiline=False) self.add_widget(self.username) self.add_widget(Label(text='password')) self.password = TextInput(password=True, multiline=False) self.add_widget(self.password) class MyApp(App): def build(self): return LoginScreen() if __name__ == '__main__': MyApp().run()

여기서 코드를 수정하고 kv 파일로 padding 등 값을 줘 보자. 보면 cols와 클래스만 선언되어있다. 변수를 선언하고 위젯을 추가하는 부분을 kv 파일에서 작성해 표시해본다.

from kivy.app import App from kivy.uix.gridlayout import GridLayout from kivy.uix.label import Label from kivy.uix.textinput import TextInput class LoginScreen(GridLayout): def __init__(self, **kwargs): super(LoginScreen, self).__init__(**kwargs) self.cols = 2 class MyApp(App): def build(self): return LoginScreen() if __name__ == '__main__': MyApp().run()

다음은 kv 파일이다. 로그인 스크린에서 각 변수를 선언하고 GridLayout으로 2행 2열로 패딩 10, 공백 10을 주면서 라벨과 입력창을 구성한다.

# my.kv #:kivy 1.2.0 <LoginScreen> f_username: username f_password: password GridLayout: rows: 2 cols: 2 padding: 10 spacing: 10 Label: text: 'User Name:' TextInput: id: username Label: text: 'Password:' TextInput: id: password password: True

kv 파일을 이용해 보다 다양한 디자인 요소를 삽입해 보기 좋게 꾸밀 수 있을 것이다.

키비 한글 사용하기

공식 문서에서는 키비 내에서 한글을 사용하는 방법이 별도로 적혀있지 않다.

키비 내부에 한글을 적용하기 위해서는 원하는 한글 폰트 글씨체 파일(.ttf / ttf)을 main.py가 위치한 경로에 넣고 내부 코드에서 글씨체 파일을 정의해주면 된다.

필자는 가독성을 가지는 무료 폰트, 갓눔고딕 폰트 파일을 넣어줬다.

따로 넣기 싫다면 코드에 폰트 파일의 경로를 입력하면 된다. 내부 코드를 살피자. 코드는 kv 파일없이 기본 코드를 가져와 사용했다. 또한 css도 내부에 삽입 가능하고 외부에서 분리할 수 있는것처럼 동일하다.

from kivy.app import App from kivy.uix.gridlayout import GridLayout from kivy.uix.label import Label from kivy.uix.textinput import TextInput fontName = 'NanumGothicBold.ttf' class LoginScreen(GridLayout): def __init__(self, **kwargs): super(LoginScreen, self).__init__(**kwargs) self.padding = 10 self.spacing = 10 self.cols = 2 self.add_widget(Label(text='사용자명:', font_name=fontName, font_size=40)) self.username = TextInput(multiline=False) self.add_widget(self.username) self.add_widget(Label(text='비밀번호:', font_name=fontName, font_size=40)) self.password = TextInput(password=True, multiline=False) self.add_widget(self.password) class MyApp(App): def build(self): return LoginScreen() if __name__ == '__main__': MyApp().run()

글씨가 한글로 크게 설정되어 잘 보인다.

고정크기로 설정되어 강제로 크기를 줄이면 잘려나온다.

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

[kivy (python)] [Python] 파이썬 키비(kivy) 앱 개발 - kv 파일과 한글 폰트

파이썬 키비 앱 만들기

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

- kv 파일과 한글 폰트 -

참고 사이트

키비 공식 문서 :

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

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

- kv 공식 디자인 가이드 https://kivy.org/doc/stable/gettingstarted/rules.html

- kv 파일 참고, https://techwithtim.net/tutorials/kivy-tutorial/the-kv-design-language-kv-file/

키비 kv 파일

=> 키비에서 지원하는 kv 디자인 언어는 CSS와 유사한 디자인 언어다.

=> kv 언어는 화면에 요소를 스타일링하고 추가하는 역할을 하며 논리 기능은 없다.

kv 파일로 kivy 앱 화면을 디자인하기 전 kv 파일의 몇 규칙을 살펴보자.

1. 내용을 모두 LowCase 로 작성해야 한다.

2. 메인 클래스의 이름과 일치해야 한다.

3. 기본 클래스 이름이 app으로 끝나면 파일 이름에 app을 포함하지 않아야 한다.

4. 파일 위치는 python kivy 스크립트와 같은 경로에 있어야 한다.

5. 확장자는 .kv 파일로 작성하자.

kv 파일 사용해 화면 꾸미기

다음은 이전 글에서 예로 든 GridLayout으로 라벨과 입력창 두 개가 격자로 구성된 화면의 코드다.

from kivy.app import App from kivy.uix.gridlayout import GridLayout from kivy.uix.label import Label from kivy.uix.textinput import TextInput class LoginScreen(GridLayout): def __init__(self, **kwargs): super(LoginScreen, self).__init__(**kwargs) self.cols = 2 self.add_widget(Label(text='User Name')) self.username = TextInput(multiline=False) self.add_widget(self.username) self.add_widget(Label(text='password')) self.password = TextInput(password=True, multiline=False) self.add_widget(self.password) class MyApp(App): def build(self): return LoginScreen() if __name__ == '__main__': MyApp().run()

from kivy.app import App from kivy.uix.gridlayout import GridLayout from kivy.uix.label import Label from kivy.uix.textinput import TextInput class LoginScreen(GridLayout): def __init__(self, **kwargs): super(LoginScreen, self).__init__(**kwargs) self.cols = 2 class MyApp(App): def build(self): return LoginScreen() if __name__ == '__main__': MyApp().run()

다음은 kv 파일이다. 로그인 스크린에서 각 변수를 선언하고 GridLayout으로 2행 2열로 패딩 10, 공백 10을 주면서 라벨과 입력창을 구성한다.

# my.kv #:kivy 1.2.0 <LoginScreen> f_username: username f_password: password GridLayout: rows: 2 cols: 2 padding: 10 spacing: 10 Label: text: 'User Name:' TextInput: id: username Label: text: 'Password:' TextInput: id: password password: True

kv 파일을 이용해 보다 다양한 디자인 요소를 삽입해 보기 좋게 꾸밀 수 있을 것이다.

키비 한글 사용하기

공식 문서에서는 키비 내에서 한글을 사용하는 방법이 별도로 적혀있지 않다.

필자는 가독성을 가지는 무료 폰트, 갓눔고딕 폰트 파일을 넣어줬다.

from kivy.app import App from kivy.uix.gridlayout import GridLayout from kivy.uix.label import Label from kivy.uix.textinput import TextInput fontName = 'NanumGothicBold.ttf' class LoginScreen(GridLayout): def __init__(self, **kwargs): super(LoginScreen, self).__init__(**kwargs) self.padding = 10 self.spacing = 10 self.cols = 2 self.add_widget(Label(text='사용자명:', font_name=fontName, font_size=40)) self.username = TextInput(multiline=False) self.add_widget(self.username) self.add_widget(Label(text='비밀번호:', font_name=fontName, font_size=40)) self.password = TextInput(password=True, multiline=False) self.add_widget(self.password) class MyApp(App): def build(self): return LoginScreen() if __name__ == '__main__': MyApp().run()

글씨가 한글로 크게 설정되어 잘 보인다.

고정크기로 설정되어 강제로 크기를 줄이면 잘려나온다.

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

본 웹사이트는 광고를 포함하고 있습니다.
광고 클릭에서 발생하는 수익금은 모두 웹사이트 서버의 유지 및 관리, 그리고 기술 콘텐츠 향상을 위해 쓰여집니다.

이 게시물을

번호	제목	글쓴이	날짜	조회 수
57	[python 인공지능] Deploy ML models with FastAPI, Docker, and Heroku \| Tutorial	졸리운_곰	2025.07.08	467
56	[python 인공지능] [VSCode] VSCode에서 ipynb 파일을 HTML(PDF 등..)로	졸리운_곰	2025.05.27	289
55	[Python 인공지능] [파이썬을 이용한 한글 NLP] 03. 간단한 키워드 추출기	졸리운_곰	2025.01.29	459
54	[Python 인공지능] [ 한글 키워드 시각화 ] 파이썬 python 텍스트 마이닝 한글 ( 워드 클라우드 WordCloud, squrify 트리맵으로 빅데이터 마스터)	졸리운_곰	2025.01.29	398
53	[Python 인공지능] 기계 학습의 A to Z : IPython notebook과 scikit-learn을 활용한 기계 학습	졸리운_곰	2024.08.10	523
52	[python] 인공지능 python : 한글 문서 자동 요약 - lexrank	졸리운_곰	2023.07.06	404
51	[python] 인공지능 katiehouse / django-scikit-learn-tutorial	졸리운_곰	2023.06.03	664
50	[python] [Anaconda]가상환경 설치,삭제	졸리운_곰	2022.12.03	405
49	[python][머신러닝] Scikit-learn Tutorial: Machine Learning in Python	졸리운_곰	2022.11.29	497
48	[python] 파이썬(sklearn) 사이킷런(sklearn) 기초	졸리운_곰	2022.08.20	321
47	[python] scikit-learn이란	졸리운_곰	2022.08.20	455
46	[anaconde3][python] Create environment for tensorflow 1.4 in Anaconda 3	졸리운_곰	2022.07.02	563
45	[python][인공지능] [TensorFlow] Anaconda 가상환경 이용하여 TensorFlow GPU 설치	졸리운_곰	2022.01.20	438
44	[Python 인공지능] TextRank 를 이용한 키워드 추출과 핵심 문장 추출 (구현과 실험)	졸리운_곰	2021.11.22	597
43	[python][인공지능] FLASK를 이용하여 PYTHON에서 PYTORCH를 REST API로 배포하기	졸리운_곰	2021.03.20	364
42	[python 파이썬] Creating REST API for TensorFlow models	졸리운_곰	2021.02.01	488
41	[python 파이썬 인공지능] Keras 모델을 REST API로 배포해보기	졸리운_곰	2021.02.01	411
40	[파이썬 머신러닝] Scikit-learn 기초	졸리운_곰	2020.01.31	579
39	파이썬으로 간단한 뉴럴 네트워크 만들기 How to Create a Simple Neural Network in Python	졸리운_곰	2020.01.29	22636
38	Keras를 활용한 주식 가격 예측	졸리운_곰	2019.02.25	983

첫 페이지 1 2 3 끝 페이지

쓰기

태그

kivy (python) [kivy (python)] [Python] 파이썬 키비(kivy) 앱 개발 - kv 파일과 한글 폰트

[kivy (python)] [Python] 파이썬 키비(kivy) 앱 개발 - kv 파일과 한글 폰트

[kivy (python)] [Python] 파이썬 키비(kivy) 앱 개발 - kv 파일과 한글 폰트

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

댓글 0

로그인

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