04【python kivy app 開發】Label可以改變text文字字型?

04【python kivy app 開發】Label可以改變text文字字型?

更新於 發佈於 閱讀時間約 4 分鐘


本篇開始:

  • 我的開發環境是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'
raw-image


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

以下程式碼(.kv):

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


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:
raw-image

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


6.本篇小結

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

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


本篇結束:

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

avatar-img
艾肯比工程師
0會員
28內容數
主要分享應用程式開發過程、遭遇困難及解決技巧,提供給自學或獨立開發者做為參考,希望能對您們有所幫助。 工作繁忙,無法及時回覆留言請多包涵。
留言
avatar-img
留言分享你的想法!
艾肯比工程師 的其他內容
在Win11以python及kivy開發APP應用程式,本篇文章說明如何設定canvas(帆布、背景)大小、顏色、位置。
【建置環境說明】我的開發環境是win11,python是3.10.7版本、kivy我設定在2.1.0版本,編碼的工具是Visual Studio Code(簡稱vscode)
本篇開始: 我的開發環境是win11 python是3.10.7版本 kivy我設定在2.1.0版本 編碼的工具是Visual Studio Code(VS Code) 1.開發專案: 首先要有開發的創意點子,以我實際開發的APP為例, 我想做的是可以訓練基本加(減)法的心算工具
在Win11以python及kivy開發APP應用程式,本篇文章說明如何設定canvas(帆布、背景)大小、顏色、位置。
【建置環境說明】我的開發環境是win11,python是3.10.7版本、kivy我設定在2.1.0版本,編碼的工具是Visual Studio Code(簡稱vscode)
本篇開始: 我的開發環境是win11 python是3.10.7版本 kivy我設定在2.1.0版本 編碼的工具是Visual Studio Code(VS Code) 1.開發專案: 首先要有開發的創意點子,以我實際開發的APP為例, 我想做的是可以訓練基本加(減)法的心算工具