QML for Android 加载图片资源的几种方式
前言
前段時間用 QML 做一個簡單的 android 程序,需要打開 android手機本地圖片,原本是一個非常簡單的功能,但是碰到一些坑著實的被坑了一把,然而在網上并沒有找到相關的文檔,這里做個總結,今后遇到同樣問題的人可以繞開這個坑。
正文
打開本地文件
首先來看一下打開本地圖片的方式,來看個簡單的示例:
import QtQuick 2.9 import QtQuick.Window 2.2Window {visible: truewidth: 640height: 480title: qsTr("Hello World")Image {id: nameanchors.fill: parentsource: "file:///storage/emulated/0/Download/1.png"} }這個程序夠簡單的了吧,需要注意的是,打開本地圖片,需要在路徑前面添加“file:///”,不能直接寫路徑。
然后,編譯->運行,確保該目錄下有這張圖片。
然而我遇到的坑就在這里,無論如何都無法顯示這張圖片,
直接報錯:
我特么一度在懷疑自己這種寫法是不是有問題,然后各種查資料,就是找不到問題所在。
就在一籌莫展的時候,靈機一轉,換了張圖片,發現特么的竟然可以了,這就讓我一臉懵逼了,怎么都沒想到竟然是圖片的問題,可這張圖片明明在本地是可以打開的啊,圖片是在其他客戶端截圖上傳并在本機通過 http 從服務器下載的 png 格式,反正就是無法加載到 QML 中使用。好在問題解決了,換成了 重新下載jpg 格式的圖片就沒問題。最終還是把鍋推給這張圖片了。
OK,接下來看其他兩種更簡單的加載圖片方式;
打開資源文件
我想這種方式應該是最常見的了,將圖片放到資源文件中,然后在代碼中進行引用。示例如下:
import QtQuick 2.9 import QtQuick.Window 2.2Window {visible: truewidth: 640height: 480title: qsTr("Hello World")Image {id: nameanchors.fill: parentsource: "qrc:/skin/1.jpg"} }與第一種方式不同的是,引用資源文件時時以“qrc:/”開頭。這種方式最常用。
打開 asserts 目錄下的文件
Android原生開發中的資源文件大致分為兩種,一種是res目錄下存放的可編譯的資源文件,另一種是 asserts 目錄下的用來存放原生的資源圖片,系統在編譯的時候不會編譯assets下的資源文件,在用 Qt 做 Android 開發的時候,如果不想將圖片放到 Resource 資源文件中進行編譯,那就可以放到 asserts 目錄下去。
引用方式如下:
要想引用 assets 中的資源,先要將圖片資源放到該目錄下去,在 Qt 的工程文件 pro 中添加:
imgs.files +=/skin/*imgs.path = /assets/skinINSTALLS += imgs總結
上面說了三種在 Qt for Android 開發的時候加載圖片資源的幾種方式,其實每種方式的應用場景都不太一樣,所以在開發過程中都有可能會遇到。
其中第一種方式,通常針對引用 Android 手機本地已經存在的圖片,比如要做相片瀏覽功能,這就是打開本地圖片,只能用file:///的方式來引用。
第二種和第三種方法,通常針對軟件中的一些圖標資源引用,比如說某個按鈕的圖片,區別就是第二種是在編譯的是直接將圖片打包進安裝文件中,這就和 android 原生開發中的資源 res 一樣,而第三種方式在編譯的時候不會編譯資源文件,所以解壓安裝包后可以直接找到該目錄下包含的圖標。
OK,至此介紹完了三種方法,如果在引用的時候出現無法加載的情況,首先檢查調用方式是否正確,其次看路徑是否正確,如果都沒問題,不妨換一張圖片,有可能是圖片的問題。
與50位技術專家面對面20年技術見證,附贈技術全景圖總結
以上是生活随笔為你收集整理的QML for Android 加载图片资源的几种方式的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: JavaScript判断字符串中包含另一
- 下一篇: Qt for ios / Qt for