【kivy textinput】TextInput部件基本使用|Kivy基礎用法

更新 發佈閱讀 6 分鐘


本篇開始:

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


raw-image

▲說明:main.py程式碼


在vscode新增 kivy檔案,我取名 main.kv,並且放在同資料夾內

raw-image

▲說明:我的是放在以下路徑:桌面-> 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(標籤)語法)


raw-image

▲說明:main.kv程式碼

raw-image

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

raw-image

▲說明:改成 halign: 'left'

raw-image

▲說明:改成 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
raw-image

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

raw-image

▲說明:執行 python檔案,點擊 TextInput可輸入其他文字


本篇小結

以上就能對 TextInput部件有基本了解,接下來可以加入觸發功能,其他篇章再來分享進階的方式。


本篇結束:

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



留言
avatar-img
留言分享你的想法!
avatar-img
艾肯比工程師
3會員
61內容數
主要分享應用程式開發過程、遭遇困難及解決技巧,提供給自學或獨立開發者做為參考,希望能對您們有所幫助。
艾肯比工程師的其他內容
2025/10/15
在 Kivy裡面有很多用於佈局(版面)的類別, GridLayout中文翻譯是"網格佈局",是以二維行列方式來佈局,使用效果可以達到多欄多行的排列內容。
Thumbnail
2025/10/15
在 Kivy裡面有很多用於佈局(版面)的類別, GridLayout中文翻譯是"網格佈局",是以二維行列方式來佈局,使用效果可以達到多欄多行的排列內容。
Thumbnail
2025/10/10
在 Kivy裡面有很多用於佈局(版面)的類別,BoxLayout,在字面上翻譯是"盒子佈局",使用的效果是一格一格地將部件做排列,是比較規矩且有順序的佈局方式。
Thumbnail
2025/10/10
在 Kivy裡面有很多用於佈局(版面)的類別,BoxLayout,在字面上翻譯是"盒子佈局",使用的效果是一格一格地將部件做排列,是比較規矩且有順序的佈局方式。
Thumbnail
2025/09/30
在 Kivy裡面有很多用於佈局(版面)的類別,其中FloatLayout,在字面上翻譯是"浮點的佈局",使用的效果像是可隨意指定子部件排列位置。
Thumbnail
2025/09/30
在 Kivy裡面有很多用於佈局(版面)的類別,其中FloatLayout,在字面上翻譯是"浮點的佈局",使用的效果像是可隨意指定子部件排列位置。
Thumbnail
看更多
你可能也想看
Thumbnail
如果包含以前嘗試的,我肯定試超過20種以上「新奇口味」的餅乾,但現在的「新奇口味」像雨後春筍般,多到我疲乏了。所以這次雙11,我要怎麼買呢?
Thumbnail
如果包含以前嘗試的,我肯定試超過20種以上「新奇口味」的餅乾,但現在的「新奇口味」像雨後春筍般,多到我疲乏了。所以這次雙11,我要怎麼買呢?
Thumbnail
最近開始轉涼了,各位鳥奴們是否會開始擔心小鳥會著涼呢?不用擔心,今天這篇直接帶你看需要的商品,而且今天除了照片之外,我們也直接帶連結✨讓你的雙11購物不盲目,讓你想買直接加入購物車,除了長知識也可以直接下單避寒神器🫱🏼文章結尾也會告訴大家在花錢的同時也能省錢、賺錢的小撇步,請記得留到最後!!
Thumbnail
最近開始轉涼了,各位鳥奴們是否會開始擔心小鳥會著涼呢?不用擔心,今天這篇直接帶你看需要的商品,而且今天除了照片之外,我們也直接帶連結✨讓你的雙11購物不盲目,讓你想買直接加入購物車,除了長知識也可以直接下單避寒神器🫱🏼文章結尾也會告訴大家在花錢的同時也能省錢、賺錢的小撇步,請記得留到最後!!
Thumbnail
本文將說明如何去辨識出圖片文字​位置及高寬。
Thumbnail
本文將說明如何去辨識出圖片文字​位置及高寬。
Thumbnail
本文利用pyqt5,使用pyttsx3將QLineEdit(單行輸入框)的字串,轉成語音呈現出來。
Thumbnail
本文利用pyqt5,使用pyttsx3將QLineEdit(單行輸入框)的字串,轉成語音呈現出來。
Thumbnail
介紹如何用assign函數在Python中建立新欄位
Thumbnail
介紹如何用assign函數在Python中建立新欄位
Thumbnail
Python是一種易學且功能強大的程式語言,具有直譯、動態語法等特性,並擁有豐富的標準庫。它在各領域如Web開發、數據科學和人工智慧等得到廣泛應用,並被許多大公司如Google和Facebook等使用。Python還有強大的框架、豐富的交互機能、和龐大的社區。
Thumbnail
Python是一種易學且功能強大的程式語言,具有直譯、動態語法等特性,並擁有豐富的標準庫。它在各領域如Web開發、數據科學和人工智慧等得到廣泛應用,並被許多大公司如Google和Facebook等使用。Python還有強大的框架、豐富的交互機能、和龐大的社區。
Thumbnail
INI 檔案是一種配置檔案格式,常用於保存設定資料和組態資訊。 它使用簡單的鍵值對結構來組織資料,通常用於程式、應用程式或操作系統中的配置和初始化設定。 INI 檔案每個鍵值對包含一個名稱(鍵)和對應的值。 基本的檔案格式如下: [Section1] Key1 = Value1 Key2 =
Thumbnail
INI 檔案是一種配置檔案格式,常用於保存設定資料和組態資訊。 它使用簡單的鍵值對結構來組織資料,通常用於程式、應用程式或操作系統中的配置和初始化設定。 INI 檔案每個鍵值對包含一個名稱(鍵)和對應的值。 基本的檔案格式如下: [Section1] Key1 = Value1 Key2 =
Thumbnail
讓我們從程式開始看起,我們輸入的鍵都是KeY,卻在寫入ini時,都轉換成小寫了。 因為預設情況下,configparser 會將配置文件中的鍵(Key)轉換成小寫形式。也就是說,即使配置文件中鍵的寫法是大寫或混合大小寫,讀取時都會轉換成小寫。 如以下的程式範例 其中的鍵值為KeY1 KeY2
Thumbnail
讓我們從程式開始看起,我們輸入的鍵都是KeY,卻在寫入ini時,都轉換成小寫了。 因為預設情況下,configparser 會將配置文件中的鍵(Key)轉換成小寫形式。也就是說,即使配置文件中鍵的寫法是大寫或混合大小寫,讀取時都會轉換成小寫。 如以下的程式範例 其中的鍵值為KeY1 KeY2
Thumbnail
在Python中,import是一個關鍵字,用於將其他模組或套件中的程式碼引入到當前的程式中以供使用。 這個關鍵字允許你在你的程式中使用其他地方定義的變數、函式和類等。 當你使用import時,Python會搜索指定模組或套件的位置,並將其中的程式碼載入到你的程式中,這樣你就可以在程式中使用它們
Thumbnail
在Python中,import是一個關鍵字,用於將其他模組或套件中的程式碼引入到當前的程式中以供使用。 這個關鍵字允許你在你的程式中使用其他地方定義的變數、函式和類等。 當你使用import時,Python會搜索指定模組或套件的位置,並將其中的程式碼載入到你的程式中,這樣你就可以在程式中使用它們
Thumbnail
設計程式來讀取欲傳送訊息之參數txt檔案,再利用程式自動傳出訊息至LINE群組。能簡易使用於任何場合。
Thumbnail
設計程式來讀取欲傳送訊息之參數txt檔案,再利用程式自動傳出訊息至LINE群組。能簡易使用於任何場合。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News