背景

最近在读官方的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使得界面效果更佳（小技巧）相关推荐

java 通过JLayeredPane实现背景图上添加其他控件
通过JLayeredPane实现背景图上添加其他控件 JLayeredPane为容器添加了深度,允许组件在需要时互相重叠. JLayeredPane将深度范围按层划分,在同一层内又对组件按位置进一 ...
i css svg,如何设置 CSS 背景图中的 SVG 的颜色
Coloring SVGs in CSS Background Images 如何设置 CSS 背景图中的 SVG 的颜色 I love using SVG in CSS background ima ...
Python使用matplotlib可视化箱图、seaborn中的boxplot函数可视化分组箱图、在箱图中添加抖动数据点(Dot + Box Plot)
Python使用matplotlib可视化箱图.seaborn中的boxplot函数可视化分组箱图.在箱图中添加抖动数据点(Dot + Box Plot) 目录
R语言plotly可视化：plotly可视化箱图、基于预先计算好的分位数、均值、中位数等统计指标可视化箱图、箱图中添加缺口、可视化均值和标准差（With Precomputed Quartiles)
R语言plotly可视化:plotly可视化箱图.基于预先计算好的分位数.均值.中位数等统计指标可视化箱图.箱图中添加缺口.可视化均值和标准差(Box Plot With Precomputed Qu ...
R语言ggplot2可视化：可视化箱图、在箱图中添加抖动数据点(Dot + Box Plot)、自定义抖动数据点的大小、颜色、数据点分布在箱图中间、添加主标题、副标题、题注信息
R语言ggplot2可视化:可视化箱图.在箱图中添加抖动数据点(Dot + Box Plot).自定义抖动数据点的大小.颜色.数据点分布在箱图中间.添加主标题.副标题.题注信息目录
R语言使用scatterplot3d包的scatterplot3d函数可视化3D散点图（3D scatter plots）、在3D散点图中添加垂直线和数据点描影、3D图中添加回归平面
R语言使用scatterplot3d包的scatterplot3d函数可视化3D散点图(3D scatter plots).在3D散点图中添加垂直线和数据点描影.3D图中添加回归平面(overlaid ...
R语言ggridges包可视化山脊图（Ridgeline Plots）并且在山脊图中添加均值竖线（Add Mean Line to RIdgeline Plot with ggridges in R）
R语言ggridges包可视化山脊图(Ridgeline Plots)并且在山脊图中添加均值竖线(Add Mean Line to RIdgeline Plot with ggridges in R) ...
R语言ggplot2可视化：可视化饼图分面图并在图中添加数据标签
R语言ggplot2可视化:可视化饼图分面图并在图中添加数据标签目录 R语言ggplot2可视化:可视化饼图分面图并在图中添加数据标签
R语言ggplot2可视化图中添加希腊字母实战
R语言ggplot2可视化图中添加希腊字母实战目录 R语言ggplot2可视化图中添加希腊字母实战 #ggplot2可视化图中添加希腊字母1

QML笔记-在背景图中添加NumberAnimation使得界面效果更佳（小技巧）

背景

代码及演示

要注意的问题

QML笔记-在背景图中添加NumberAnimation使得界面效果更佳（小技巧）相关推荐

最新文章

热门文章