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控制元件
- UI/UX設計對app開發公司的重要性UIUXAPP
- 使用python中kivy庫生成安卓APPPython安卓APP
- Flutter常用控制元件-ImageFlutter控制元件
- 多端開發之uniapp開發appAPP
- 微信開發之data:image/png;base64,
- 用kivy學習製作簡易調色畫板appAPP
- Web 開發者如何理解 Flutter 佈局之 —— 3. ImageWebFlutter
- Flutter 系列文章：Flutter Image 控制元件介紹Flutter控制元件
- 微軟釋出遊戲 UX/UI 開發指南微軟遊戲UXUI
- 即拼商城APP開發（開發APP）APP
- App控制元件定位APP控制元件
- Android開發之自定義隨機驗證碼控制元件Android隨機控制元件
- 【MAUI】為 Label、Image 等控制元件新增點選事件UI控制元件事件
- Flutter之Text和ImageFlutter
- LeetCode之Flipping an Image（Kotlin）LeetCodeKotlin
- 《React Native高效開發》之create-react-native-appReact NativeAPP
- flutter跨平臺開發之App升級方案FlutterAPP
- uni-app開發多端之釘釘小程式APP
- iOS開發之APP內部切換語言iOSAPP
- 短視訊app開發之ios小視訊開發經驗共享APPiOS
- Flutter 基礎控制元件篇-->圖片(Image)、圖示(Icon)Flutter控制元件
- 小程式定製開發和APP開發相比較有何不同之處APP
- 佛家app開發APP
- 短影片app原始碼，日常開發之RecycleView滑動APP原始碼View
- 教育APP開發_教育培訓APP開發解決方案APP
- kivy八種佈局方式學習
- Hybrid 混合App開發APP
- App 開發語言APP
- 教育app開發需要開發哪些功能APP
- 直播軟體app開發，vant 時間選擇控制元件修訂為只顯示年份APP控制元件
- 開發一款APP需要多少錢？APP開發需要投入多少？APP
- 直播APP開發公司是如何開發一套完整直播APP？APP
- 教育直播系統開發APP開發（需求）APP
- 社交app開發功能，社交軟體開發功能，社交app，社交軟體。APP
- APP開發費用明細介紹，花最少的錢開發APPAPP
- 如何開發FineReport的自定義控制元件？控制元件
- js檔案中如何讀取app.ux中的全域性變數JSAPPUX變數