虚幻引擎 UI

[WangShuXian6]

虚幻引擎 UI

[WangShuXian6]

创建圆角按钮

创建按钮边框材质 M_BorderCommon

材质域-用户界面 混合模式-translucent 半透明

RadialGradientExponential

Density 控制边缘模糊程度 Radius 控制圆角

基于 M_BorderCommon 创建材质实例 MI_BorderCommon

CommonBorder 控件使用 MI_BorderCommon 材质

图像-MI_BorderCommon 绘制为-盒体 边缘-0.5 图像大小-32 ，32 越大则圆形越明显。

M_BorderCommon 更加通用的材质

不使用UV和定位

[WangShuXian6]

圆角按钮 不使用材质

Common Border 通过边框控件设置

固定圆角

Common Border 控件 绘制为-圆形盒体 轮廓设置-舍入类型-半高半径 不能修改圆角

自定义圆角

Common Border 控件

左上，右下角

绘制为-圆形盒体 轮廓设置-舍入类型-固定半径 轮廓设置-圆角半径-16，0，16，0

四角

绘制为-圆形盒体 轮廓设置-舍入类型-固定半径 轮廓设置-圆角半径-16，16，16，16

带边框

绘制为-圆形盒体 轮廓设置-舍入类型-固定半径 轮廓设置-圆角半径-16，16，16，16

轮廓设置-轮廓-0，0，0，1 不透明度为1 显示轮廓 可以自定义边框颜色

轮廓设置-宽度-2

不透明度

着色-A-0.5

button 通过按钮控件设置

2圆角

样式-普通-绘制为-圆形盒体 轮廓设置-舍入类型-固定半径 轮廓设置-圆角半径-16，0，16，0 轮廓设置-宽度-1

全圆角

样式-普通-绘制为-圆形盒体 轮廓设置-舍入类型-固定半径 轮廓设置-圆角半径-16，16，16，16 轮廓设置-宽度-1

固定圆角

样式-普通-绘制为-圆形盒体 轮廓设置-舍入类型-半高半径 轮廓设置-圆角半径-16，16，16，16 轮廓设置-宽度-1

主要用来创建正圆

尺寸-16，16 与半径相等

[WangShuXian6]

圆角按钮 使用材质

创建材质 M_BorderSample，材质实例 MI_BorderSample

材质域-用户界面 混合模式-translucent 半透明

RadialGradientExponential

Common Border 通过边框控件设置

笔刷-MI_BorderSample 笔刷-绘制为-盒体 笔刷-边缘-0.5 笔刷-图像大小-32，32