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 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
哈哈,博客排版真的漂亮呢~
[***.90.31.176]2024年04月09日 13时07分27秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
tf callbacks
2019-04-30
keras、tf、numpy实现logloss对比
2019-04-30
Ubuntu20.04安装微信
2019-04-30
Restful风格的使用
2019-04-30
Swagger基础入门整合SpringBoot
2019-04-30
MyBatisPlus简单入门(SpringBoot)
2019-04-30
攻防世界web进阶区NewsCenter详解
2019-04-30
攻防世界web进阶PHP2详解
2019-04-30
如何解决词达人问题(新)
2019-04-30
攻防世界web进阶区surpersqli详解
2019-04-30
攻防世界web进阶区easytornado详解
2019-04-30
攻防世界web进阶区web2详解
2019-04-30
xss-labs详解(上)1-10
2019-04-30
xss-labs详解(下)11-20
2019-04-30
攻防世界web进阶区ics-05详解
2019-04-30
攻防世界web进阶区FlatScience详解
2019-04-30
攻防世界web进阶区ics-04详解
2019-04-30
攻防世界web进阶区Cat详解
2019-04-30
攻防世界web进阶区bug详解
2019-04-30
攻防世界web进阶区ics-07详解
2019-04-30