程序化渐变菜单按钮材质虚幻4 ue4 Procedural UI background

程序化渐变菜单按钮材质虚幻4 ue4 Procedural UI background插图

资源描述

演示版（v.1.5.1）

亲自尝试包中提供的大部分功能，演示中没有使用静态开关材料版本。

使用此套件创建您需要的所有背景、圆角边框和笔触！平面颜色可通过 UMG 小部件参数直接调整。用它来创建按钮、界面背景、HUD 等。

KIT的所有图像都是使用虚幻引擎UMG创建的，并包含在KIT中！用作创建自己的参考！

KIT 由一种材料组成，该材料在程序上以较低的计算成本创建圆形边框或仅产生 stoke。每个圆角（内部和外部）都可以单独调节。所有这些都与强大的颜色渐变系统相结合（最多 4 种颜色，与 Photoshop、Illustrator 等相同的参数，每种颜色的停止点和混合权重），既可以 360° 旋转，也可以线性旋转和径向。材料的参数是不言自明的，非常易于使用。

您还可以将小部件与此材料堆叠在一起，将一个分配给另一个，从而有可能创建非常复杂的表单。

为了节省性能，当一个功能不被使用时，由于使用了多个静态开关参数，它会自动被丢弃。第二个版本是在 1.5 版中引入的，没有一些静态开关参数，允许您将所有功能混合在一起。在 DEMO 中尝试一下。

KIT的所有图像都是使用虚幻引擎UMG创建的，并包含在KIT中！用作创建自己的参考！材料的参数是不言自明的，非常易于使用。

技术细节

关于颜色的附加说明：纯色（参数名称“TintColorAndOpacity”）必须作为 sRBG 预览，并在十六进制 sRBG 插槽中从外部复制。如果保留为纯白色 #FFFFFF 您可以直接在 UMG 小部件界面中设置颜色（参数“Tint”或“ColorContentAndOpacity”，具体取决于小部件类型）。否则，必须在未选中 sRBG 的情况下预览渐变颜色，并将其复制到十六进制线性插槽中。这是在 RBG 空间中执行颜色混合并实现与 Photoshop 和 Illustrator 相同的美丽效果所必需的。见最后一张图片。

更改日志

更新 1.7

修复了固定像素大小的使用，现在可以正确显示在任何大小和比例的小部件上

更新 1.6

让我们也使用目标像素选择边框粗细

更新 1.5

新增背景纹理功能
添加了第二个材质版本，没有一些静态开关，可让您将所有功能组合在一起
更新了一些材质参数的类别，使其更加用户友好
修复了边界平滑被强制为 0 时的 bug

特征：

圆角边框（每个圆角可单独设置）
仅行程（每个圆形可单独设置，包括内部和外部）
舍入可设置为百分比或目标像素
平面颜色或渐变，最多 4 种颜色，可调节色停止点和混合权重
360°旋转的线性梯度
正常径向渐变或椭圆
仅斯托克角特征（见图3）

内容：2 个材质，9 个材质功能，43 个样本材质实例

支持的开发和目标平台：全部，未使用特定硬件功能。

演示地址

在材质创建的Procedural UI: background and borders UMG material KIT - 虚幻引擎商城 (unrealengine.com)

使用教程：

得到一个文件夹，放入项目路径的Content下打开项目即可。（一定要在Content主目录，文件名不能带有空格）
得到项目文件夹，有启动图标。双击图标启动对应的引擎即可。（如提示需编译项目就是没有安装对应的引擎版本）
文件夹内有manifest库文件，将上一级文件夹一起复制到Epic\Epic Games\Launcher\VaultCache文件夹下重启Epic平台在保管库里可以看到资源下载。（如没有文件夹，只有库文件可以复制宝贝名称或者随意命名一个文件夹放入VaultCache）
打开文件夹看见带有Plugins字样说明这个是插件素材，需要将文件夹复制到需要打开的引擎版本文件夹里的plugins或Marketplace 文件夹内举个例子：D:\Office\Epic\UE_4.25\Engine\Plugins放入后打开对应版本的项目可以看到发现新插件的提示，点击启用插件重启引擎即可。（如无提示在项目设置里找到管理插件搜索插件名称启用也可）