QML工作笔记-Image中fillMode的使用
生活随笔
收集整理的這篇文章主要介紹了
QML工作笔记-Image中fillMode的使用
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
目錄
?
?
基本概念
博主例子(偽代碼)
?
基本概念
這個(gè)功能非常常用,特意寫一篇博文用于記錄,方便自己以后快速查閱。
上次申請(qǐng)CSDN專家失敗了,原因是CSDN說我這個(gè)是以功能點(diǎn)為主,缺乏綜合實(shí)戰(zhàn)!
我就是喜歡以功能點(diǎn)為主,方便自己查閱!
Image.Stretch:圖片拉伸自適應(yīng);(默認(rèn)的)
Image.PreserveAspectFit:按比例縮放,不裁剪
Image.PreserveAspectCrop:均勻縮放,必要時(shí)裁剪
Image.Tile:像貼瓷磚一樣
Image.TileVertically:水平拉伸,垂直平鋪
Image.TileHorizontally:垂直拉伸,水平平鋪
Image.Pad:原始圖像不做處理
?
博主例子(偽代碼)
這里我就舉兩個(gè)例子,一個(gè)是Image.Stretch的情況,一個(gè)是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}?
總結(jié)
以上是生活随笔為你收集整理的QML工作笔记-Image中fillMode的使用的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 系统架构师学习笔记-信息系统基础知识
- 下一篇: Web笔记-通过版本号控制客户端浏览器中