【Unity】UIElements Expansions: Video

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相匹配的形状,这将立即变得很酷,因此您可以舒适地使用它。

如果您有兴趣,请务必考虑一下,因为它在资产商店出售！