目錄

?

?

基本概念

博主例子（偽代碼）

---

?

基本概念

這個功能非常常用，特意寫一篇博文用于記錄，方便自己以后快速查閱。

上次申請CSDN專家失敗了，原因是CSDN說我這個是以功能點為主，缺乏綜合實戰！

我就是喜歡以功能點為主，方便自己查閱！

Image.Stretch：圖片拉伸自適應；（默認的）
Image.PreserveAspectFit：按比例縮放，不裁剪
Image.PreserveAspectCrop：均勻縮放，必要時裁剪
Image.Tile：像貼瓷磚一樣
Image.TileVertically：水平拉伸，垂直平鋪
Image.TileHorizontally：垂直拉伸，水平平鋪
Image.Pad：原始圖像不做處理

?

博主例子（偽代碼）

這里我就舉兩個例子，一個是Image.Stretch的情況，一個是Image.Pad情況

公共的代碼：

main.qml

import QtQuick 2.9 import QtQuick.Window 2.2Window {visible: truewidth: 500height: 900title: qsTr("九州修仙大陸")Login{id: loginwidth: parent.widthheight: parent.height}}

Image.Pad效果：

偽代碼如下：

Image {id: backImagesource: "qrc:/img/loginbg.jpg"fillMode: Image.Padsmooth: truewidth: parent.widthheight: parent.height}

Image.Stretch效果如下：

偽代碼如下：

Image {id: backImagesource: "qrc:/img/loginbg.jpg"fillMode: Image.Stretchsmooth: truewidth: parent.widthheight: parent.height}

?

總結

以上是生活随笔為你收集整理的QML工作笔记-Image中fillMode的使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。