綦江集团网站建设,互联网app设计公司,重庆森林经典台词图片,建设部网站官工程质量手册在Qt5.2之后#xff0c;引入Animator动画元素。这种方式可以直接所用于Qt Quick的场景图形系统#xff0c;这使得基于Animator元素的动画及时在ui界面线程阻塞的情况下仍然能通过图形系统的渲染线程来工作#xff0c;比传统的基于对象和属性的Animation元素能带来更好的用户…在Qt5.2之后引入Animator动画元素。这种方式可以直接所用于Qt Quick的场景图形系统这使得基于Animator元素的动画及时在ui界面线程阻塞的情况下仍然能通过图形系统的渲染线程来工作比传统的基于对象和属性的Animation元素能带来更好的用户视觉体验。
Animator 动画器 动画完成后QML 属性的值将更新。动画运行时不会更新该属性。 动画器类型可以像任何其他动画类型一样使用。 属性
duration持续时间easing缓和from开始to结束target对象
常用的动画师
XAnimatorX动画器YAnimatorY动画器ScaleAnimator缩放动画器OpactityAnimator透明度动画器RotationAnimator旋转动画器UnifromAnimator同一动画器
例子
Rectangle{id:rect1width: 100;height:100;x:100;y:100;color: lightBlueXAnimator on x{ //x轴移动from: 100to:300duration:5000loops: Animator.Infinite}YAnimator on y{ //y轴移动from: 100to:300duration:5000loops: Animator.Infinite}RotationAnimator on rotation { //旋转from:0to:360duration: 5000loops:Animator.Infinite}ScaleAnimator on scale { //缩放from:0.5to:1.5duration: 5000loops:Animator.Infinite}OpacityAnimator on opacity { //透明度from:0.1to:1.0duration: 5000loops:Animator.Infinite}}
Rotation旋转 旋转类型提供了一种通过旋转类型转换来旋转项目的方法 提供2D旋转也提供3D旋转 属性
angle角度 axis.x axis.y axis.z 旋转的轴 origin.x origin.y 旋转的起点
使用格式 transfronRotation{.......
}
transfrom属性主要用于 Rotation 2d效果无需指定轴因为默认轴是 z 轴 Rectangle{id:rect1width: 100;height:100;x:200;y:200color: greentransform: Rotation{origin.x:0;origin.y:0 //起点00angle:50 //旋转50°}} 3d效果 Rectangle{id:rect1width: 100;height:100;x:200;y:200color: greentransform: Rotation{origin.x:0;origin.y:0axis{ //沿着y轴旋转x:0y:1z:0}angle:50}} AnimatedImage动画图像 AnimatedImage 类型扩展了 Image 类型的功能提供了一种播放存储为包含一系列帧的图像如存储在 GIF 文件中的帧的图像的动画的方法 属性
currentFrame当前帧frameCount帧数paused暂停playing保存动画图像是否正在播放source播放资源speed播放速度
3D旋转图像 Rectangle{id:rect1width: 100;height:100;x:200;y:200color: greenAnimatedImage{id:image1source:qrc:/image/123456.gif}transform: Rotation{origin.x:0;origin.y:0axis{ //沿着y轴旋转x:0y:1z:0}NumberAnimation on angle{from:20to:90duration: 5000loops:Animation.Infinite}}} AnimatedSprite动画精灵 动画精灵提供对动画的渲染和控制这些动画在同一图像文件中作为多个帧提供。您可以以固定速度、显示器的帧速率播放它也可以手动前进和控制进度 属性
currentFrame当前帧finishBehavior完成行为frameCount帧数frameDuration帧持续时间frameHeight框架高度frameWidth框架宽度frameRate帧率frameSync帧同步frameX第一帧的图像文件中的 X 坐标frameY第一帧的图像文件中的 Y 坐标interpolate true则在精灵帧之间将进行插值以使动画看起来更平滑默认为true loops循环默认值为AnimatedSprite.Infinitepaused暂停reverse动画将反向播放runing是否具有动画效果默认值为 truesocure资源
函数
advance()精灵动画推进一帧pause()暂停精灵动画restart()停止然后启动精灵动画resume()恢复精灵动画start()启动精灵动画 Qt 5.15stop()停止精灵动画Qt 5.15
例子 把这个分成4帧来进行播放。
Rectangle{width: 260;height: 260AnimatedSprite{anchors.fill:parentrunning: truesource:qrc:/image/animatedsprite-loading.pngframeWidth: 64frameHeight: 64frameCount: 4//分成4部分frameDuration: 500interpolate: false}}
