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

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

이 게시물을

번호	제목	글쓴이	날짜	조회 수
87	[python 일반] 파이썬에서 도커 사용하기: 기초부터 배포까지	졸리운_곰	2024.12.01	410
86	[python 일반] 파이썬 디컴파일 방지 난독화 초간단 방법	졸리운_곰	2024.08.13	539
85	[python 일반] [Python] python 예제 - 프로그램 실행 위치 확인 방법 3종 - os.getcwd,...	졸리운_곰	2024.07.28	451
84	[python 일반] [Python] How to capture output of Python's interpreter and show in a Text widget?	졸리운_곰	2024.07.26	230
83	[python 일반] [Python] How to Fix Python’s “List Index Out of Range” Error in For Loops	졸리운_곰	2024.07.26	284
82	[python 일반] [Python] Python 리스트에 특정 값이 있는지 체크하기	졸리운_곰	2024.07.26	418
81	[python 일반] [Python] 원하는 시간마다 파이썬 자동 실행	졸리운_곰	2024.07.25	337
80	[python 일반] [Python] pyinstaller] PyInstaller -i, --add-data로 아이콘(icon)을 포함하자	졸리운_곰	2024.07.19	428
79	[python 일반] [Python] pyinstaller : 파이썬 컴파일 시 코드 암호화 & 복호화	졸리운_곰	2024.06.10	374
78	[python 일반] Date형식을 String형식으로 변환	졸리운_곰	2024.06.08	297
77	[python 일반] [Python] strftime과 strptime	졸리운_곰	2024.06.07	377
76	[python 일반] How to Run a Periodic Background Task in Python	졸리운_곰	2024.06.07	324
75	[python 일반] *win32ctypes.pywin32.pywintypes.error when using pyinstaller in VS Code - Possible Virus/Trojan?	졸리운_곰	2024.06.07	453
74	[python 일반] 【Python】The 'pathlib' package is an obsolete backport of a standard library ・・・	졸리운_곰	2024.05.30	318
73	[Python 일반] 파이썬 exe 파일 만들기	졸리운_곰	2024.05.30	307
72	[Python] 클립보드 무엇인가? Pyperclip을 통한 자동화	졸리운_곰	2024.05.06	364
71	[Python] PyQt와 PySide에 대한 잡설	졸리운_곰	2024.04.25	253
70	[python 일반] How to Update All Python Packages : 설치된 파이썬 패키지 모두 업데이트 하기	졸리운_곰	2024.03.16	604
69	[python, C++] Interfacing C++ and Python with the Python API : C++ 및 Python과 Python API의 인터페이스	졸리운_곰	2023.08.18	302
68	[python 일반] 파이참 에러 : Fatal Python error: init_stdio_encoding: failed to get the Python codec name of the stdio encoding	졸리운_곰	2023.07.06	354

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

쓰기

태그

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

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

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

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

댓글 0

로그인

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