vocus logo

方格子 vocus

【kivy app】簡單幾個步驟,馬上開始創建自己專屬的app~|Kivy基礎用法

更新 發佈閱讀 3 分鐘


本篇開始:

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



【本篇說明】請先完成VS Code及Python等環境建置,可參考此篇:【安裝vscode、python】編輯環境快速建置,開始機器語言入門


1.先從模組導入需要的類別

以下.py程式碼:(在VS Code編輯py檔案,這邊我取為MyFirstTry.py,以下簡稱.py)

from kivy.app import App

▲說明:從kivy.app(模組module)導入App(類別class)


2.寫下新建app固定的起手式

以下.py程式碼:

# 創建類別並繼承App類別
class MyFirstTry(App):
pass
if __name__ == "__main__":
MyFirstTry().run()

▲說明:"MyFirstTry"這個可以自己取名,它會出現在標題視窗位置



raw-image


3.加入Label物件

★★★

【說明1】這邊要使用kivy language,首先新增一個MyFirstTry.kv(副檔名須為.kv),並要放在MyFirstTry.py位於相同的資料夾目錄



raw-image

【說明2】另外MyFirstTry.kv(以下簡稱.kv)的檔案名稱須與.py裡面所創建類別名稱相符(大小寫不拘),若名稱不同,會使.py無法抓取.kv內容



raw-image

▲說明:這兩邊名稱須相符(大小寫不拘)

以下.kv程式碼:

Label:
text:'Welcome to my first app !!!!!'
font_size: 30
bold: True
color: 'white'

▲說明:以上Label物件用法說明,請參考:【kivy Label】經常使用的Label(標籤)語法


4.按下執行Python檔案

raw-image
raw-image

▲說明:執行完成會跳出kivy app視窗



5.本篇小結

透過簡單幾個步驟,就能創建屬於自己的app了,是不是很簡單呢。


本篇結束:

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


留言
avatar-img
艾肯比工程師
4會員
75內容數
主要分享應用程式開發過程、遭遇困難及解決技巧,提供給自學或獨立開發者做為參考,希望能對您們有所幫助。
艾肯比工程師的其他內容
2025/03/25
超詳細步驟帶你快速安裝能支援操作圖形使用者介面(GUI)及跨平台執行的KIVY函式庫。
Thumbnail
2025/03/25
超詳細步驟帶你快速安裝能支援操作圖形使用者介面(GUI)及跨平台執行的KIVY函式庫。
Thumbnail
2025/03/24
本篇以詳細步驟並搭配圖片,帶你安裝Visual Studio Code、Python建置環境,完成後就能開始Python語言編輯。
Thumbnail
2025/03/24
本篇以詳細步驟並搭配圖片,帶你安裝Visual Studio Code、Python建置環境,完成後就能開始Python語言編輯。
Thumbnail
2025/03/13
我的開發環境是win11,python是3.10.7版本,kivy我設定在2.1.0版本,編碼的工具是Visual Studio Code(VS Code),本篇教你調整應用程式視窗大小,非常簡單。
Thumbnail
2025/03/13
我的開發環境是win11,python是3.10.7版本,kivy我設定在2.1.0版本,編碼的工具是Visual Studio Code(VS Code),本篇教你調整應用程式視窗大小,非常簡單。
Thumbnail
看更多
你可能也想看
Thumbnail
vocus 慶祝推出 App,舉辦 2026 全站慶。推出精選內容與數位商品折扣,訂單免費與紅包抽獎、新註冊會員專屬活動、Boba Boost 贊助抽紅包,以及全站徵文,並邀請你一起來回顧過去的一年, vocus 與創作者共同留下了哪些精彩創作。
Thumbnail
vocus 慶祝推出 App,舉辦 2026 全站慶。推出精選內容與數位商品折扣,訂單免費與紅包抽獎、新註冊會員專屬活動、Boba Boost 贊助抽紅包,以及全站徵文,並邀請你一起來回顧過去的一年, vocus 與創作者共同留下了哪些精彩創作。
Thumbnail
打開 jupyter notebook 寫一段 python 程式,可以完成五花八門的工作,這是玩程式最簡便的方式,其中可以獲得很多快樂,在現今這種資訊發達的時代,幾乎沒有門檻,只要願意,人人可享用。 下一步,希望程式可以隨時待命聽我吩咐,不想每次都要開電腦,啟動開發環境,只為完成一個重複性高
Thumbnail
打開 jupyter notebook 寫一段 python 程式,可以完成五花八門的工作,這是玩程式最簡便的方式,其中可以獲得很多快樂,在現今這種資訊發達的時代,幾乎沒有門檻,只要願意,人人可享用。 下一步,希望程式可以隨時待命聽我吩咐,不想每次都要開電腦,啟動開發環境,只為完成一個重複性高
Thumbnail
你好,在下最近在學習開發web,學了html css js,也得出一些心得,由於網路上已有許多教學,所以我會著重在如何開發出to do List,以及解釋我寫的程式碼。相關的教學我會直接貼網址。如果我有什麼地方出錯,或者是可以寫得更好,歡迎在下方留言,討論。 首先先介紹我的開發環境: 我用了vs
Thumbnail
你好,在下最近在學習開發web,學了html css js,也得出一些心得,由於網路上已有許多教學,所以我會著重在如何開發出to do List,以及解釋我寫的程式碼。相關的教學我會直接貼網址。如果我有什麼地方出錯,或者是可以寫得更好,歡迎在下方留言,討論。 首先先介紹我的開發環境: 我用了vs
Thumbnail
# 簡介 身為一位專注於 Vue.js 的前端開發者,這是我第一次嘗試構建 Flutter 網頁應用。讓我們開始吧! ## 第一次嘗試 ### 第一步:創建一個 Flutter 應用 首先,通過運行以下命令來創建一個新的 Flutter 項目: ```sh flutter
Thumbnail
# 簡介 身為一位專注於 Vue.js 的前端開發者,這是我第一次嘗試構建 Flutter 網頁應用。讓我們開始吧! ## 第一次嘗試 ### 第一步:創建一個 Flutter 應用 首先,通過運行以下命令來創建一個新的 Flutter 項目: ```sh flutter
Thumbnail
成功加入Anytype之後就可以開始探索這一個開源的筆記軟體了^_^ 開始Anytype之前..... 1.刪除所有初始物件 2.思考自己的使用需求 3.不著急學會所有功能
Thumbnail
成功加入Anytype之後就可以開始探索這一個開源的筆記軟體了^_^ 開始Anytype之前..... 1.刪除所有初始物件 2.思考自己的使用需求 3.不著急學會所有功能
Thumbnail
本篇文章將分享手機App設計教學,並往後介紹使用Flutter開發App的相關知識和技巧。透過這系列的分享,讀者將能夠學習如何利用設計和程式開發技能來製作一個App。文章中也提供了一些靈感來源和教學資源,幫助讀者進行設計和開發的思考和學習。
Thumbnail
本篇文章將分享手機App設計教學,並往後介紹使用Flutter開發App的相關知識和技巧。透過這系列的分享,讀者將能夠學習如何利用設計和程式開發技能來製作一個App。文章中也提供了一些靈感來源和教學資源,幫助讀者進行設計和開發的思考和學習。
Thumbnail
什麼是Python python是電腦程式語言的一種,如同python官方網站上的介紹 "Python是一種程式語,可讓你更快速地工作並更有效的整合系統"。簡單地說,就是你可用python這個程式語言去告訴電腦你想要作什麼,讓電腦來幫你完成你要作的事情。
Thumbnail
什麼是Python python是電腦程式語言的一種,如同python官方網站上的介紹 "Python是一種程式語,可讓你更快速地工作並更有效的整合系統"。簡單地說,就是你可用python這個程式語言去告訴電腦你想要作什麼,讓電腦來幫你完成你要作的事情。
Thumbnail
這一集用最新的Vite工具去創建初始檔案。Vite用於創建和構建Web應用程序,具有快速的啟動時間、即時熱更新、小型體積、支持多種框架和可擴展性等優點。
Thumbnail
這一集用最新的Vite工具去創建初始檔案。Vite用於創建和構建Web應用程序,具有快速的啟動時間、即時熱更新、小型體積、支持多種框架和可擴展性等優點。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News