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

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

이 게시물을

번호	제목	글쓴이	날짜	조회 수
64	[python][자료구조] "pdf 취소선 검출" How to identify strike-out text from PDF files using Python	졸리운_곰	2024.07.18	544
63	[python][자료구조] 오픈 소스 Python PDF 파서 라이브러리	졸리운_곰	2024.07.16	445
62	[python][자료구조] 벡터화 \| Vectorization	졸리운_곰	2023.12.21	330
61	[python][자료구조] Python의 Loop? NO! , Python의 Vectorization? OK!!!	졸리운_곰	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 (로그 남기기)	졸리운_곰	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	졸리운_곰	2023.03.08	604
54	[python][자료구조] django sqlite3 MySQL로 전환하기	졸리운_곰	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	901

첫 페이지 1 2 3 4 끝 페이지

쓰기

태그

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

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

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

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

댓글 0

로그인

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