【UE4从零开始 028】UMG的Timeline动画

2024-06-09 09:18

本文主要是介绍【UE4从零开始 028】UMG的Timeline动画,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

在控件蓝图编辑器最下方,是动画编辑区域,我们可以为我们的UI制作一些简单的动画。
在这里插入图片描述

1、添加动画

在左侧 动画区域 点击 “+Animation” ,添加一个动画轨并命名,在游戏中我们可以直接通过名称来播放对应的动画。
在这里插入图片描述

2、添加控件

在右侧 时间轴 区域的左半部分,点击 “+Track”,选择我们需要添加动画的控件,
在这里插入图片描述

3、添加关键帧

右侧 时间轴 区域的右半部分,是我们动画的 时间轴关键帧 区域。
在这里插入图片描述

上图中 绿色线 表示起始帧,红色线 表示结束帧,白色线滑块 表示当前帧。

在详情面板中,点击相应属性右侧的 添加关键帧 图标,就可以在 当前帧 的位置添加一个关键帧。如下图:
在这里插入图片描述
添加一个 PositionX的关键帧后,下图中红框内就是一个关键帧。
在这里插入图片描述
点击下图红框中的图标可以切换时间轴区域的显示模式。
在这里插入图片描述
在这里插入图片描述
还可以使用 自动关键帧 模式,这种情况下,只要修改控件的对应属性,就可以在当前关键帧位置自动添加一个关键帧。如下图:
在这里插入图片描述

点击上图 红框位置 的图标后,即可开启自动关键帧模式,此时在 UI设计视图 右上方会出现 录像中(RECORDING) 的字样。

4、修改关键帧

单击关键帧,会弹出该关键帧的详情界面,可以对其进行修改。如图:
在这里插入图片描述
仔细观察上图,选中的关键帧处,你会发现有一条白色的细线,我们可以通过 拖拽 细线两端的 小圆点 来调整时间轴的插值算法改变其运动速率,也可通过时间轴上方的一些图标使用默认的差值算法。
在这里插入图片描述

5、预览

点击 播放 按钮 可以在编辑器中预览动画。
在这里插入图片描述

6、播放动画

在制作完动画后,切换到 图表(Graph) 选项卡,在 我的蓝图(MyBlueprint) 面板中的 Animations 下会发现我们刚才制作的动画。
在这里插入图片描述

添加播放动画的代码,如下:
在这里插入图片描述

保存并编译,然后运行查看效果。

这篇关于【UE4从零开始 028】UMG的Timeline动画的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1044776

相关文章

ArkTS开发系列之导航 (2.7动画)

上篇回顾: ArkTS开发系列之导航 (2.6 图形) 本篇内容:动画的学习使用 一、 知识储备 1. 布局更新动画 包含显式动画(animateTo)和属性动画(animation) 动画类型名称特点显式动画闭包内的变化都会触发动画执行, 可以做较复杂的动画属性动画属性变化时触发动画执行, 设置简单 说白了,显示动画就是靠闭包事件触发,属性动画是挂在组件身上的属性变化触发 显式动画

Android 扇形网络控件 - 无网络视图(动画)

前言 一般在APP没有网络的情况下,我们都会用一个无网络的提示图标,在提示方面为了统一app的情况,我们一般使用简单的提示图标,偶尔只需要改变一下图标的颜色就一举两得,而不需要让PS来换一次颜色。当然app有图标特殊要求的就另当别论了。 效果图 当你第一眼看到这样的图,二话不说直接让UI给你切一张图标来的快对吧,我其实开始也是这么想的,但是到了做的app越来越多的时候,你就会发现就算是用

Android从零开始搭建MVVM架构(5)—— LifeCycle详解

1.Lifecycle简介 为什么要使用lifecycle? activity 和fragment 是有声明周期的,有时候,我们的很多操作需要写在声明周期的方法中,比如,下载,文件操作等,这样很多情况下回导致,我们在activity中的声明周期方法中写越来越多的代码,activity或者fragment 越来越臃肿,代码维护越来越困难。 使用lifecycle就可以很好的解决这类问题。 lifec

Android从零开始搭建MVVM架构(4)——LiveData

LiveData 介绍 Livedata 是 Google 推荐的 Android 架构组件之一,是一个存放可被观察的数据持有类,有生命周期感知功能,解决了android开发者需要去手动处理生命周期的痛点。 比如当我们使用 Retrofit+Rxjava处理接口回调数据时,需要考虑activity 或 fragment 生命周期,以解决 onStop 或 onDestory之后回调数据的问题。现

Android从零开始搭建MVVM架构(3)——ViewModel

ViewModel类是被设计用来以可感知生命周期的方式存储和管理 UI 相关数据,ViewModel中数据会一直存活即使 activity configuration发生变化。 ViewModel有什么优势? 1.数据持久化 activity 在销毁重建时,之前我们可以用 activity 的onSaveInstanceState()机制保存和恢复数据,但缺点很明显,onSaveInstan

React+TS 从零开始教程(2):简中简 HelloWolrd

源码链接:https://pan.quark.cn/s/c6fbc31dcb02 这一节,我们来见识React+TS的威力,开始上手开发第一个组件,什么组件呢? 当然是简中简的 HelloWolrd组件啦。 在src下创建一个components,然后新建Hello.tsx 为什么是tsx呢,这个目的就是告诉编译器,我这个文件是支持jsx语法的,如果遇到你看不懂的标签,就当作React Ele

从零开始学数据结构系列之第三章《平衡二叉树基础概念》

文章目录 前言什么是平衡二叉树往期回顾 前言 ​   在前面的学习过程中,我们了解到二叉排序树可以在一定程度上提高查找(搜索)的效率,但仍然会出现特殊情况,让二叉排序树失效。例如,将序列{1,2,3,4,5,6}中的元素依次插入到二叉排序树中,会得到右斜树,这就相当于一个单链表了,搜索效率降低为O(n)。   于是在 1962 年,一个姓 AV 的大佬(G. M. Ade

从零开始搭建一个酷炫的个人博客

效果图 一、搭建网站 git和hexo准备 注册GitHub本地安装Git绑定GitHub并提交文件安装npm和hexo,并绑定github上的仓库注意:上述教程都是Windows系统,Mac系统会更简单! 域名准备 购买域名,买的是腾讯云域名,购买完成之后的域名管理解析域名域名备案 二、优化网站 使用的Fluid主题,Hexo Fluid 用户手册 增加图床,图片可以放在g

PriorityQueue详解(含动画演示)

目录 PriorityQueue详解1、PriorityQueue简介2、PriorityQueue继承体系3、PriorityQueue数据结构PriorityQueue类属性注释完全二叉树、大顶堆、小顶堆的概念☆PriorityQueue是如何利用数组存储小顶堆的?☆利用数组存储完全二叉树的好处? 4、PriorityQueue的`offer`方法动画演示offer插入过程: 5、Pri

LVGL8.3动画图像(太空人)

LVGL8.3 动画图像 1. 动画图像本质 我们知道电影属于视频,而电影的本质是将一系列动作的静态图像进行快速切换而呈现出动画的形式,也就是说动画本质是一系列照片。所以 lvgl 依照这样的思想而定义了动画图像,所以在 lvgl 中动画图像类似于普通的静态图像对象。 唯一的区别是,动画图像设置了一个由多个源图像组成的数组,而不仅仅指定一个源图像。 2. 设置动画图像图片来源 不过在此之前