QML笔记-在背景图中添加NumberAnimation使得界面效果更佳(小技巧)
发布日期:2021-06-30 11:01:28 浏览次数:2 分类:技术文章

本文共 629 字,大约阅读时间需要 2 分钟。

目录

 

 


 

背景

最近在读官方的QML的例子,发现这个小技巧,可以带来更多的用户体验。真的很有用,在此记录下!

 

代码及演示

先来张静态图吧:

程序运行截图如下:

这里让背景旋转起来,使视觉上,更加带来冲击。

关键代码如下:

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

这里没有设置Image的model,所以可知,他是处于拉伸的(默认情况下)

 

要注意的问题

当我把窗口放大后:

可以看到会出现这样的效果。

对付这种情况,个人觉得有以下几种:

           1. 把model设置为Pad

           2. 图片要够大

           3. 限制窗口大小

 

转载地址:https://it1995.blog.csdn.net/article/details/90295122 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:QML笔记-Particle的基本使用(粒子系统的基本使用)
下一篇:QML笔记-QML中SpriteSequence及Sprite的基本使用

发表评论

最新留言

哈哈,博客排版真的漂亮呢~
[***.90.31.176]2024年04月09日 13时07分27秒