【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

相关文章

最好用的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

生信代码入门:从零开始掌握生物信息学编程技能

少走弯路,高效分析;了解生信云,访问 【生信圆桌x生信专用云服务器】 : www.tebteb.cc 介绍 生物信息学是一个高度跨学科的领域,结合了生物学、计算机科学和统计学。随着高通量测序技术的发展,海量的生物数据需要通过编程来进行处理和分析。因此,掌握生信编程技能,成为每一个生物信息学研究者的必备能力。 生信代码入门,旨在帮助初学者从零开始学习生物信息学中的编程基础。通过学习常用

BIRT--商业智能和报表工具,从零开始

1.简介 BIRT (Business Intelligence and Reporting Tools), 是为 Web 应用程序开发的基于 Eclipse 的开源报表系统,特别之处在于它是以 Java 和 JavaEE 为基础。BIRT 有两个主要组件:基于 Eclipse 的报表设计器,以及部署到应用服务器上的运行时组件。 2.下载 官网下载网址:http://download.ec

动画AnimationDrawable、转动

现实开发中:很多地方都用到 点击动画的特效; 本案例本人做了三个关于“动” 画 的效果; 先上图: 总体图: A: B: 1:点击图片按钮,效果是:图片闪动; 通过在xml中定义:标签:animation-list来实现点击动画的效果;  是否循环标签:oneshot ;   时间间隔标签:duration ; 要显示的图片标签:drawable ;

13 transition数组的动画使用

划重点 动画:transitiontransition-group :数组动画数组的 添加 / 删除 豆腐粉丝汤 清淡又健康 <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><me