【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

相关文章

【前端学习】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

12 动画transition的使用2

划重点 Vue 动画:transition / transform在动画周期中执行动动画(上一篇是通过动画样式控制动画) 清蒸扇贝 <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><

从零开始学习JVM(七)- StringTable字符串常量池

1 概述 String应该是Java使用最多的类吧,很少有Java程序没有使用到String的。在Java中创建对象是一件挺耗费性能的事,而且我们又经常使用相同的String对象,那么创建这些相同的对象不是白白浪费性能吗。所以就有了StringTable这一特殊的存在,StringTable叫做字符串常量池,用于存放字符串常量,这样当我们使用相同的字符串对象时,就可以直接从StringTable

【前端】animation动画以及利用vue制作简单的透明度改变动画,包含vue生命周期实现

一. 问题描述 想做一个文字透明度从1到0然后再从0到1的css动画。 二. 代码写法 2.1 animation写法 2.1.1 animation属性key 2.1.2 代码展示 <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=de