目錄

?

?

背景

代碼及演示

要注意的問題

---

?

背景

最近在讀官方的QML的例子，發(fā)現(xiàn)這個小技巧，可以帶來更多的用戶體驗(yàn)。真的很有用，在此記錄下！

?

代碼及演示

先來張靜態(tài)圖吧：

程序運(yùn)行截圖如下：

這里讓背景旋轉(zhuǎn)起來，使視覺上，更加帶來沖擊。

關(guān)鍵代碼如下：

import QtQuick 2.9 import QtQuick.Window 2.2Window {visible: truewidth: 800height: 600title: qsTr("Hello World")Image {source: "qrc:/img/bg.jpg"anchors.centerIn: parenttransformOrigin: Item.CenterNumberAnimation on rotation {from: 0to: 360duration: 100000 / 2loops: Animation.Infinite}} }

這里沒有設(shè)置Image的model，所以可知，他是處于拉伸的（默認(rèn)情況下）

?

要注意的問題

當(dāng)我把窗口放大后：

可以看到會出現(xiàn)這樣的效果。

對付這種情況，個人覺得有以下幾種：

? ? ? ? ? ?1. 把model設(shè)置為Pad

? ? ? ? ? ?2. 圖片要夠大

? ? ? ? ? ?3. 限制窗口大小

?

總結(jié)

以上是生活随笔為你收集整理的QML笔记-在背景图中添加NumberAnimation使得界面效果更佳（小技巧）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。