Table of contents
UIElements Expansions是Unity Editor的扩展资产。
UIElements Expansions: Video
「UIElements Expansions: Video」系列强烈支持「UIElements」,开始与Unity 2019.1。
所谓UIElements
UIElements是从Unity 2019.1开始引入的替换当前Unity编辑器的GUI系统(IMGUI)的功能。
您可以创建Unity的GUI,就像使用HTML和CSS创建网页一样,组合Unity的HTML「UXML」和Unity的样式表「USS」。
当然,您可以像以前一样在编辑器脚本中为编辑器编写处理,并且有像jQuery这样的方法,因此您可以创建像HTML5这样的动态GUI。
在未来,计划不仅取代编辑器,还取代运行时GUI(当前uGUI),并且有望留给未来的Unity GUI。
只是潜力很高,但由于它刚刚推出,它还没有足够的功能来充分利用它。
「UIElements Expansions」是一种强烈支持其缺失部分的资产。
此「UIElements Expansions: Video」主要支持以下功能。
- UIElements Expansions通用功能
- 全局样式表
- 检查器自动转换功能
- 添加标签/功能
- 附加类
- 视频播放器
- 视频控制器
UIElements Expansions通用功能
请参阅以下页面。
视频播放器

「UIElements Expansions:Video」允许您在Unity编辑器上播放视频。
在Unity运行时,可以使用视频播放器通过指定视频剪辑和URL来播放视频,但到目前为止,Unity编辑器无法播放视频。
您可以使用此资产在Unity编辑器上播放,创建编辑器脚本等,以便在教程中使用它并集体检查项目中存在的视频剪辑。
除了已经在「UIElements Expansions:Video」中导入的视频剪辑之外,您还可以通过指定URL将视频下载为视频剪辑。下载会自动完成,下载后会自动播放。
由于视频播放器可以使用UXML标签编写,因此您可以应用USS等并将其放在不同的位置。
视频控制器
除了视频播放功能外,「UIElements Expansions:Video」还提供控制视频播放的组件。
您可以使用视频控制器执行以下操作。请注意,目前无法进行视频搜索。
- 视频播放
- 视频停止
- 视频暂停
与视频播放器一样,视频控制器也可以使用UXML标签编写。它可以从按钮标签获得,例如VideoButton和VideoIconButton。由于USS也可以应用,所以请将其放在可以与视频播放器重叠或自由放置的位置。
利用方法
导入

请从Unity Asset Store购买。
购买后可从「我的资产」导入。
视频播放器
视频的使用很简单。您可以通过在UXML文件中包含「editor:Video」标签来放置视频播放器。
<editor:Video src="https://storage.googleapis.com/media.mathru.net/1/72f121ee110d7244240d26279aba9393.mp4" />
在「src」属性中输入要播放的视频的路径。如果它是本地视频剪辑,请填写「Assets」的路径,例如「Asset/Videos/video.mp4」。对于外部视频,请按原样编写URL。
此外,将「autoplay」标记设置为true可启用自动播放,并在显示组件时自动开始播放。
<editor:Video src="https://storage.googleapis.com/media.mathru.net/1/72f121ee110d7244240d26279aba9393.mp4" autoplay="true" />
请注意,下载并使用视频时不会显示缩略图。此外,视频可能在播放时开始下载,因此视频可能需要一段时间才能播放。
视频控制器
您需要两个元素来控制视频播放器。
首先,将「name」属性添加到「editor:Video」标签。
<editor:Video src="https://storage.googleapis.com/media.mathru.net/1/72f121ee110d7244240d26279aba9393.mp4" name="video" />
然后添加标记,例如VideoButton或VideoIconButton。单击此按钮可切换视频播放器的播放/停止(或暂停)。
<editor:VideoButton play-text="Play" stop-text="Pause" target="video" pause="true" />
在「play-text」属性中写入播放文本(即停止时显示的文本),在「stop-text」属性中写入停止文本(即播放时显示的文本)。
使用「target」属性描述您在视频播放器的「name」属性中指定的名称。您可以指定要使用的视频播放器。
如果「pause」属性设置为true,则暂停将成为暂停操作。
要安装VideoIconButton,请分别指定「play-icon」和「stop-icon」而不是「play-text」和「stop-text」。
<editor:VideoIconButton play-icon="fa-play" stop-icon="fa-pause" target="video" pause="true" />
可以从菜单中的「Masamune/IconFont」中搜索每个图标的键。

总结
「UIElements Expansions: Video」强烈支持「UIElements」,开始与Unity 2019.1。特别是,您可以轻松编写需要编写编辑器脚本的检查器的设计。
它还提供了可以在Unity编辑器中自由放置的视频播放器和视频控制器。这允许您在Unity编辑器上自由播放视频剪辑。
该设计引入了平面设计,并且它被安排成与Unity 2019.3相匹配的形状,这将立即变得很酷,因此您可以舒适地使用它。
如果您有兴趣,请务必考虑一下,因为它在资产商店出售!