幻灯片插件
文档 下载 评论(0)
哈喽大家好,这节介绍一下UE4幻灯片跨平台控件,这个控件能干什么呢,如下:
幻灯片效果
 
首先确保已经下载了该插件。
1.先创建一个空UE4工程 这里采用的是4.26版本
 
2.新建立一个Plugins文件夹
 
3.把插件SimpleFilmstrip拷贝到这个文件下
因为它是蓝图版本,所以可以直接启动。因为我们已经为它编译好了二进制文件,蓝图直接可以用。
 
4.双击它
 
5.打开后我们创建一个UMG
 
6.并且起名为UI_Main_BP
 
7.双击打开UIMain_BP 你可以看到在Palette菜单下的 Renzhai下多了一个控件是Filmstrip,这个便是我们的幻灯片控件。
 
8.把该控件拖动到我们的UMG视口处
 
9.对应的幻灯片细节面板这块有幻灯片数据设置。
其中LinkInfo 是提供里面可以放置要方的图片或者是UGM ,现在我们来试一下。
 
10.这里准备了4张图片,来掩饰我们的幻灯片效果。
 
11.把这几张图片加入到LinkInfo里面
12.点击编译并且保存
 
然后就可以在编辑器视口里面看到这样的效果
幻灯片效果
实际上这个插件不只是支持图片(Texture2D),它也同样支持我们UMG,也就是我们可以把UMG放在这个容器里面.
现在我们来创建一个UMG.
 
13.创建一个UMG取名佳作TestButton
 
14.我们在TestButton里面拖拽一个Button
 
15.来到我们的Button的细节面板,在这个面板下创建一个点击事件:
 
16.这里我们简单的写一个逻辑,这个逻辑就是打印,然后我们保存一下。
 
17.在LinkInfo里面加入UMG,然后点击编译就可以看到预览的效果
预览效果如下:
 
这个效果是无法点击的,只能预览它的效果,需要运行在游戏里面才可以看到效果。
好的,我们现在来运行到游戏里面看看效果是怎么样的。
 
18.打开关卡蓝图
 
19.添加如下的蓝图代码
 
20.点击运行,我们可以看到最终效果:
幻灯片交互效果
我们发现,这个幻灯片是可以进行交互的,点击事件是有效果的。
给大家提供一个可以扩展的思维,我们可以把它换成视频,可以播放视频,这个就很像steam游戏的展示页面,既可以播放视频也可以插入图片。
我们希望幻灯片如果只是图片,当我们点击它的时候,希望有跳转的效果。实际上这个插件是支持这个功能的,我们现在来看看如何操作。
 
21.选中我们的控件,下面有一个事件,我们点击它来创建一个点击事件:
这里我们也采用打印的方式
其中InLinkURL就是用户设置的跳转地址,用户可以在如下位置写入连接
当点击的时候会激活这个事件代理。跳转这块逻辑是由用户来编辑,这样用户的定制范围变的更加自由。
注意,这个Link只对Texture这种类型的图片有效果,如果是自定义的UMG,那么这块逻辑是由用户来定义。
 
现在,大家可以点击看看效果如何,我这边就不贴图了。
 
幻灯片的很多效果都有了,但是更希望通过上一页和下一页的方式驱动幻灯片,那这个怎么实现呢?
好,现在我们来演示一下:
 
22.在UMG视口下拖入两个Button
23.分别为他们创建点击事件
 
24.为敲击添加点击事件,上一个和下一个。这里我们要获取到幻灯片的实例。
 
保存一下,就可以看到效果。
 
那我们如何通过代码的方式来动态添加幻灯片呢?
 
实际上这个很简单
25.我们可以通过AddTextures来动态添加幻灯片,这种添加会自动清除以前加载过的图片。
 
26.如果想保留原来的图片数据那么可以使用AppendTextures这个方法。

发表评论

一.商业版本和学习版本的对比

二.您还未登陆哦

三.该资源出自以下课程