【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

相关文章

详解如何使用Python从零开始构建文本统计模型

《详解如何使用Python从零开始构建文本统计模型》在自然语言处理领域,词汇表构建是文本预处理的关键环节,本文通过Python代码实践,演示如何从原始文本中提取多尺度特征,并通过动态调整机制构建更精确... 目录一、项目背景与核心思想二、核心代码解析1. 数据加载与预处理2. 多尺度字符统计3. 统计结果可

Kotlin Compose Button 实现长按监听并实现动画效果(完整代码)

《KotlinComposeButton实现长按监听并实现动画效果(完整代码)》想要实现长按按钮开始录音,松开发送的功能,因此为了实现这些功能就需要自己写一个Button来解决问题,下面小编给大... 目录Button 实现原理1. Surface 的作用(关键)2. InteractionSource3.

使用WPF实现窗口抖动动画效果

《使用WPF实现窗口抖动动画效果》在用户界面设计中,适当的动画反馈可以提升用户体验,尤其是在错误提示、操作失败等场景下,窗口抖动作为一种常见且直观的视觉反馈方式,常用于提醒用户注意当前状态,本文将详细... 目录前言实现思路概述核心代码实现1、 获取目标窗口2、初始化基础位置值3、创建抖动动画4、动画完成后

使用animation.css库快速实现CSS3旋转动画效果

《使用animation.css库快速实现CSS3旋转动画效果》随着Web技术的不断发展,动画效果已经成为了网页设计中不可或缺的一部分,本文将深入探讨animation.css的工作原理,如何使用以及... 目录1. css3动画技术简介2. animation.css库介绍2.1 animation.cs

最好用的WPF加载动画功能

《最好用的WPF加载动画功能》当开发应用程序时,提供良好的用户体验(UX)是至关重要的,加载动画作为一种有效的沟通工具,它不仅能告知用户系统正在工作,还能够通过视觉上的吸引力来增强整体用户体验,本文给... 目录前言需求分析高级用法综合案例总结最后前言当开发应用程序时,提供良好的用户体验(UX)是至关重要

基于Python实现PDF动画翻页效果的阅读器

《基于Python实现PDF动画翻页效果的阅读器》在这篇博客中,我们将深入分析一个基于wxPython实现的PDF阅读器程序,该程序支持加载PDF文件并显示页面内容,同时支持页面切换动画效果,文中有详... 目录全部代码代码结构初始化 UI 界面加载 PDF 文件显示 PDF 页面页面切换动画运行效果总结主

Qt QWidget实现图片旋转动画

《QtQWidget实现图片旋转动画》这篇文章主要为大家详细介绍了如何使用了Qt和QWidget实现图片旋转动画效果,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 一、效果展示二、源码分享本例程通过QGraphicsView实现svg格式图片旋转。.hpjavascript

【前端学习】AntV G6-08 深入图形与图形分组、自定义节点、节点动画(下)

【课程链接】 AntV G6:深入图形与图形分组、自定义节点、节点动画(下)_哔哩哔哩_bilibili 本章十吾老师讲解了一个复杂的自定义节点中,应该怎样去计算和绘制图形,如何给一个图形制作不间断的动画,以及在鼠标事件之后产生动画。(有点难,需要好好理解) <!DOCTYPE html><html><head><meta charset="UTF-8"><title>06

Flutter 进阶:绘制加载动画

绘制加载动画:由小圆组成的大圆 1. 定义 LoadingScreen 类2. 实现 _LoadingScreenState 类3. 定义 LoadingPainter 类4. 总结 实现加载动画 我们需要定义两个类:LoadingScreen 和 LoadingPainter。LoadingScreen 负责控制动画的状态,而 LoadingPainter 则负责绘制动画。

用Unity2D制作一个人物,实现移动、跳起、人物静止和动起来时的动画:中(人物移动、跳起、静止动作)

上回我们学到创建一个地形和一个人物,今天我们实现一下人物实现移动和跳起,依次点击,我们准备创建一个C#文件 创建好我们点击进去,就会跳转到我们的Vision Studio,然后输入这些代码 using UnityEngine;public class Move : MonoBehaviour // 定义一个名为Move的类,继承自MonoBehaviour{private Rigidbo