QT - Quick时间线

QT - Quick时间线

Qt Quick Timeline模块可启用基于关键帧的动画和参数化。Qt Design Studio和Qt Quick Designer直接支持该模块,并带有时间线编辑器以创建基于关键帧的动画。

入门

要将QML类型导入到您的应用程序中,请在.qml文件中使用以下import语句:

    import QtQuick.Timeline 1.0

时间线可用于为项目设置动画并定义其行为。在特定时间点只能激活一个时间轴。
动画项目属性使它们的值可以在中间值之间移动,而不是立即更改为目标值。例如,要在场景中移动项目,可以对控制项目位置x和y的属性进行动画处理,以使项目的位置在到达目标位置的途中在关键帧处发生变化。同样,您可以在关键帧处更改项目的颜色和比例属性,以使其看起来越来越近。

Qt Design Studio和Qt Quick Designer包含一个时间线编辑器,用于创建基于关键帧的动画。

Qt Quick允许您在State对象中声明各种UI状态。这些状态由基本状态的属性更改组成,并且可以是组织UI逻辑的有用方法。过渡是可以与项目关联的对象,以定义其属性由于状态变化而变化时的动画效果。您可以将时间轴动画绑定到Qt Design Studio和Qt Quick Designer中的状态。

Keyframe

说明

时间轴上关键帧的值。
缓动曲线可以附加到关键帧。

属性

  • easing : var
    附加到关键帧的缓动曲线。
  • frame : double
    关键帧在时间轴上的位置。
  • value : var[]
    关键帧的值。

信号

  • easingCurveChanged()
    当附加到关键帧的缓动曲线发生变化时,将发出此信号。

关键帧组(KeyframeGroup)

说明

关键帧组包含项目特定属性的所有关键帧,并且始终属于时间轴。

属性

  • [read-only]keyframes : list
    属于关键帧组的关键帧列表。
  • property : string
    关键帧组定位的属性。
    target : var[]
    关键帧组定位的项目。

Timeline

说明

指定带有一系列关键帧的时间轴,这些关键帧包含对象属性的值。时间轴允许根据关键帧及其缓动曲线来指定项目的值。

时间轴既可以用于动画,也可以控制项目的行为。

例如,可以创建一个进度条,其中当前帧反映进度。

属性

  • [read-only]animations : list
    时间轴附带的动画列表。
  • currentFrame : double[]
    时间轴上的当前关键帧。当前关键帧可以设置为动画或可以对其进行绑定。使用绑定可以控制组件的行为。
  • enabled : bool[]
    时间轴是否启用。
    禁用时间轴后,所有项目都将具有其常规值。启用时间轴后,项目的值由当前帧和关键帧确定。
    在特定时间只有一个时间轴处于活动状态。
  • endFrame : double
    时间轴的结尾。
  • [read-only]keyframes : list
    此属性包含附加到时间轴的关键帧组。每个关键帧组都包含特定项目和属性的关键帧列表。
  • startFrame : double
    时间轴的开始。

TimelineAnimation

说明

指定如何设置时间轴的当前帧属性的动画。这会设置时间轴目标对象的属性的动画。

属性

  • pingPong : bool
    动画结束后是否向后播放。这是创建圆形动画的简便方法。

信号

  • finished()
    时间轴动画结束时将发出此信号。
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,294评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,493评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,790评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,595评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,718评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,906评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,053评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,797评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,250评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,570评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,711评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,388评论 4 332
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,018评论 3 316
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,796评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,023评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,461评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,595评论 2 350

推荐阅读更多精彩内容