一、将Image拖拽至CanvasPanel下调整大小,并选中Image,细节面板的Appearance下的Brush选择一张图片

UE4-(UI)第八十一课ImageUE4-(UI)第八十一课Image

二、参数说明:

1.Tiling中参数:

UE4-(UI)第八十一课Image

No Tile:不平铺,拉伸变形

Horizontal:横向平铺,纵向拉伸会变形

Verticl:纵向平铺,横线拉伸会变形

Both:横向纵向都平铺。拉伸不会变形

2.Draw As:绘图方式

UE4-(UI)第八十一课Image

None:不绘制,图片为空

Box:九宫格,设置参数后可以保证图片拉伸时四个角区域不变形

UE4-(UI)第八十一课Image

Border:在九宫格基础上抠掉中间部分

3.Color and Opacity :设置颜色和 透明度,注意:该颜色会与图片本身颜色叠加

UE4-(UI)第八十一课Image

如果同时设置Tint和Color and Opacity颜色,最终呈现效果是两种颜色与图片颜色的叠加,并且保留图片纹理。

三、图片On Mouse Button Down 事件

Image可以绑定鼠标点击事件

UE4-(UI)第八十一课Image

相关文章: