本篇開始:
- 我的開發環境是win11
- python是3.10.7版本
- kivy我設定在2.1.0版本
- 編碼的工具是Visual Studio Code(VS Code)
【本篇說明】今天要來分享這個 TextInput部件,可以在裡面輸入任何字串,簡單來說就是"文字輸入視窗",搭配 TextInput使用可讓使用者介面(GUI)更為多元。
首先在main.py寫下固定的程式碼
以下.py程式碼:(在vscode開啟python檔案,取名為main.py,以下簡稱.py)
from kivy.app import App
from kivy.uix.boxlayout import BoxLayout
class firstlayout(BoxLayout):
pass
class Mainapp(App):
def build(self):
return firstlayout()
if __name__ == "__main__":
Mainapp().run()
▲說明:
1.從 kivy.uix.boxlayout這個模組導入 BoxLayout類別 (如果還沒看過,可參考:【kivy layout】BoxLayout類別的使用方法)
2.創建一個class 類別取名為 firstlayout(可自取無限定命名),然後在()填入 BoxLayout,目的是為了繼承 BoxLayout類別所有特性
3.這邊 kivy language(kv),我使用的是"相同命名方式",如果不太懂我說的,可先參考這篇:【kivy language】如何使用 kivy language(kv)

▲說明:main.py程式碼
在vscode新增 kivy檔案,我取名 main.kv,並且放在同資料夾內

▲說明:我的是放在以下路徑:桌面-> python-> Kivy-> test
編輯 main.kv,並加入以下內容
以下.kv程式碼:(在vscode編輯 main.kv,簡稱.kv)
<firstlayout>:
orientation: 'vertical'
TextInput:
text:'i am a textinput'
font_size: 30
halign: 'right'
Button:
text: 'i am button'
font_size: 30
Label:
text:'i am a label !'
font_size: 30
▲說明:
1.加入<firstlayout> : (記得要使用角括號 < >),目的使用 main.py裡面的類別 firstlayout,也就是 BoxLayout類別的特性
2.在<firstlayout>裡面,需先縮排,然後加入 orientation參數
3.orientation:代表排列方向,有區分水平(horizontal)及垂直(vertical)方向,這邊填入 'vertical',要記得加引號''
4.添加 TextInput部件,使用方式為縮排後加上 TextInput部件名稱,再加上冒號:
5.text: '顯示的字串'
6.font_size: 字體大小
7.halign: 'text字串對齊方向',可填入 left、right、center,要記得加引號''
8.最後使用 Button及 Label部件來比較(可參考這篇:【kivy Button】經常使用的Button(按鈕)語法、【kivy Label】經常使用的Label(標籤)語法)

▲說明:main.kv程式碼

▲說明:執行 python檔案,部件按照 BoxLayout呈現"等比例"垂直排列

▲說明:改成 halign: 'left'

▲說明:改成 halign: 'center'
【說明】加入 size_hint參數,改變 TextInput部件的垂直大小
以下.kv程式碼:(在 VSCode編輯 main.kv,簡稱.kv)
<firstlayout>:
orientation: 'vertical'
TextInput:
text:'i am a textinput'
font_size: 30
size_hint: 1, .1
halign: 'right'
Label:
text:'i am a label !'
font_size: 30

▲說明:main.kv程式碼,裡面加入 size_hint屬性

▲說明:執行 python檔案,點擊 TextInput可輸入其他文字
本篇小結
以上就能對 TextInput部件有基本了解,接下來可以加入觸發功能,其他篇章再來分享進階的方式。
本篇結束:
在自學路上遇到困難是很正常的事,只要堅持到底,相信就會有所成果,期勉大家一同努力。



















