2024-11-14|閱讀時間 ‧ 約 0 分鐘

04.以Python和Kivy開發APP|Kivy-Label|改變Label文字字型


本篇開始:

  • 我的開發環境是win11
  • python是3.10.7版本
  • kivy我設定在2.1.0版本
  • 編碼的工具是Visual Studio Code(VS Code)

以我實際開發的APP為例,

我想做的是可以訓練基本加(減)法的心算工具。

命名app叫 「CountInMind」。




1.改變首頁標題'123456'為中文文字


2.先在其他網站下載字型檔案

例如: TW-Kai-98_1.ttf,在.py同目錄建立一個font資料夾,並將.ttf檔案放在此資料夾。


(注意!!!字型是有著作權的,如要商業使用請購買字型,或是網路上也有很多免費商用字型授權使用,這邊我提供我國數位發展部授權的中文全字庫供參。)


3.開始編寫countinmind.kv,在<Firstscreen>底下使用FloatLayout版面


4.在Label加入字型: font_name

4-1.設定路徑(字型檔案):

因為要引用在.py同目錄font資料夾內的.ttf檔案。

以下程式碼(.kv):

font_name: './font/TW-Kai-98_1.ttf'


4-2.也可以直接將.ttf檔案放在.py同目錄下(看個人習慣,我自己較習慣用上面方式)

以下程式碼(.kv):

font_name: './TW-Kai-98_1.ttf'


4-3.如果.ttf檔案路徑引用錯誤,就會在終端機出現以下錯誤訊息


OSError: Label: File './TW-Kai-98_1.ttf' not found


5.以下本篇程式碼(.kv):

#: kivy 2.1.0
<Firstscreen>:
FloatLayout:
canvas:
Color:
rgb: (117/255, 220/255, 141/255)
Rectangle:
size: self.size
pos: self.pos
Label:
text:'歡迎使用心算高手'
font_name: './font/TW-Kai-98_1.ttf'
bold: True
font_size: 30
color: 'black'
pos_hint: {'center_x':0.5, 'center_y':0.9}

<SM>:
transition:
Firstscreen:

▲可以看到標題改為中文文字


6.本篇小結

加入 font_name,並引用自己想要的中文字型。

本篇所使用程式碼(.py):請參考這篇內容,01.以Python和Kivy開發APP|Kivy-Window|調整APP視窗大小


本篇結束:

在自學路上遇到困難是很正常的事,只要堅持到底,相信就會有所成果,期勉大家一同努力。

分享至
成為作者繼續創作的動力吧!
© 2024 vocus All rights reserved.