目錄

?

?

背景

代碼及演示

要注意的問題

---

?

背景

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

?

代碼及演示

先來張靜態圖吧：

程序運行截圖如下：

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

關鍵代碼如下：

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}} }

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

?

要注意的問題

當我把窗口放大后：

可以看到會出現這樣的效果。

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

? ? ? ? ? ?1. 把model設置為Pad

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

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

?

總結

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

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