前言

在虚幻5版本的UMG中,Button控件多了几个新属性“Foreground”,参照下图。Foreground在UI设计中是较常见的属性,主要表明前景是什么,它可以表明颜色表明纹理。在Button控件中主要用来影响添加到Button控件内的子内容颜色

Button中的新属性
Button中的新属性
本文主要分享如何使用Button的前景色调整子内容颜色,让Button编辑控制更加的灵活。

步骤

1.创建UMG页面添加按钮

2.按钮中加入TextBlock控件(文本控件)

在文本控件中我们需要注意,如果调整文本控件面板颜色参数,可以应用到文本控件中,参照下图。

调整颜色
调整颜色
新版本中,在颜色控制项后增加了继承。继承主要的意思是将颜色的值结果交给层级关系中的父级,由父级节点提供颜色

在这里,文本控件的父级就是按钮控件。

3.勾选文本控件的颜色继承

将文本控件中的颜色后继承勾选,你会发现本来设置的颜色失效了,并且再次调整将无法体现结果,如下图。

勾选继承
勾选继承

4.调整按钮控件的前景色(Foreground)

选中按钮控件,调整按钮控件中的Foreground颜色,此颜色被应用到了子集节点文本控件上。

设置前景色
设置前景色

引擎版本:5.2