Kivy App開發之UX控制元件Image
kivy使用Image控制元件來顯示圖片,通過size,pos屬性設定大小和位置,source屬性設定圖片的相對路徑。另外,如果圖片過大,為了防止卡頓,可以使用非同步載入的方式來顯示圖片。
通過Image類生成一個圖片,然後通過add_widget()方法新增到佈局中,程式碼如下
from kivy.uix.image import Image
img = Image(source='01.jpg')
self.add_widget(img)
注意,source使用的是相對路徑,即直接執行檔案main.py的同級目錄,也可以是絕對路徑,但是目錄裡不能出現中文,且要使用"/"來表示資料夾的關係。
如:C:\Users\Admin\Desktop\01.jpg,則在程式碼中使用為:C:/Users/Admin/Desktop/01.jpg
Image的常用屬性
屬性 | 說明 |
source | 影像的檔名 |
相關文章
- Kivy App開發之UX控制元件LabelAPPUX控制元件
- 多端開發之uniapp開發appAPP
- 微信開發之data:image/png;base64,
- UI/UX設計對app開發公司的重要性UIUXAPP
- Kivy 1.9.0 釋出,Python UI 開發工具包PythonUI
- Flutter常用控制元件-ImageFlutter控制元件
- 使用python中kivy庫生成安卓APPPython安卓APP
- 谷歌外掛Image downloader開發之 content script谷歌
- iOS開發之尺寸(二):仿寫App截圖獲取控制元件大小位置iOSAPP控制元件
- Android開發之Spinner控制元件使用Android控制元件
- 安卓開發之 App Widget安卓APP
- VS2005入門之image/imagebutton及ImageMap控制元件控制元件
- 用kivy學習製作簡易調色畫板appAPP
- 微軟釋出遊戲 UX/UI 開發指南微軟遊戲UXUI
- Flutter 之 Scaffold 、AppBar 控制元件詳解FlutterAPP控制元件
- python開發之virtualenv與virtualenvwrapperPythonAPP
- iOS 開發之內購 – AppStoreiOSAPP
- 開發WebApp之PC客戶端WebAPP客戶端
- 【萬里征程——Windows App開發】控制元件大集合1WindowsAPP控制元件
- 【萬里征程——Windows App開發】控制元件大集合2WindowsAPP控制元件
- ASP.NET動態網站開發培訓-06.CheckBox、RadioButton和Image控制元件ASP.NET網站控制元件
- 即拼商城APP開發(開發APP)APP
- Flutter 系列文章:Flutter Image 控制元件介紹Flutter控制元件
- Flutter之Text和ImageFlutter
- iOS開發之App更新迭代上架流程iOSAPP
- 測試開發之自動化篇-Appium指令碼開發APP指令碼
- HP-UX之MP管理UX
- 快速開發UI控制元件UI控制元件
- Win10 UWP開發系列:開發一個自定義控制元件——帶數字徽章的AppBarButtonWin10控制元件APP
- 【萬里征程——Windows App開發】用浮出控制元件做預覽效果WindowsAPP控制元件
- Android開發之自定義隨機驗證碼控制元件Android隨機控制元件
- 短視訊app開發之ios小視訊開發經驗共享APPiOS
- UX設計之——核取方塊和開關按鈕UX
- flutter跨平臺開發之App升級方案FlutterAPP
- iOS開發之APP內部切換語言iOSAPP
- uni-app開發多端之釘釘小程式APP
- 應用開發之爭:App終將回歸原生APP
- 從今天開始學習iOS開發(iOS 7版)–構建一款App之App開發過程iOSAPP