UE4 Slate UI

使用《UE4 Slate创建独立窗口APP》的Demo学习使用简单的UE4 Slate UI

布局的使用

SOverlay：重叠布局，在z方向上布局控件。
SHorizontalBox：水平布局。
SVerticalBox：垂直布局。
SBox：固定尺寸布局。

 TSharedPtr<SWindow> MainWindow = SNew(SWindow).ClientSize(FVector2D(1280, 720))[SNew(SOverlay)+ SOverlay::Slot()//底层[SNew(SHorizontalBox)+ SHorizontalBox::Slot().FillWidth(0.3f)//占30%[SNew(SButton)]+ SHorizontalBox::Slot().FillWidth(0.7f)//占70%[SNew(SVerticalBox)+ SVerticalBox::Slot().FillHeight(0.5f)//占50%[SNew(SButton)]+ SVerticalBox::Slot().FillHeight(0.5f)//占50%[SNew(SButton)]]]+ SOverlay::Slot()//顶层[SNew(SHorizontalBox)+ SHorizontalBox::Slot().FillWidth(1.0f)//占满剩余空间+ SHorizontalBox::Slot().AutoWidth()[SNew(SVerticalBox)+ SVerticalBox::Slot().FillHeight(1.0f)//占满剩余空间+ SVerticalBox::Slot().AutoHeight()[SNew(SBox).HeightOverride(128).WidthOverride(128)[SNew(SButton)]]+ SVerticalBox::Slot().FillHeight(1.0f)//占满剩余空间]+ SHorizontalBox::Slot().FillWidth(1.0f)//占满剩余空间]];FSlateApplication::Get().AddWindow(MainWindow.ToSharedRef());

文本控件

#define LOCTEXT_NAMESPACE "SlateAppProgram"FText WidgetText = FText::Format(LOCTEXT("WindowWidgetText", "Add code to {0} in {1} to override this window's contents"),FText::FromString(TEXT("FTestLayoutWindowModule::OnSpawnPluginTab")),FText::FromString(TEXT("TestLayoutWindow.cpp")));TSharedPtr<SWindow> MainWindow = SNew(SWindow).ClientSize(FVector2D(1280, 720))[SNew(SBox).HAlign(HAlign_Center).VAlign(VAlign_Center)[SNew(STextBlock).Text(WidgetText)]];FSlateApplication::Get().AddWindow(MainWindow.ToSharedRef());

图标显示

const FSlateBrush* icon = FCoreStyle::Get().GetBrush(TEXT("TrashCan"));// 建立窗口TSharedPtr<SWindow> MainWindow = SNew(SWindow).ClientSize(FVector2D(1280, 720))[SNew(SOverlay)+SOverlay::Slot().HAlign(HAlign_Left).VAlign(VAlign_Top)[SNew(SImage).Image(icon)]];

原文链接

UE4 Slate UI

UE4 Slate UI相关推荐

UE4 创建自定义 Slate UI 控件
UE4 创建自定义 Slate UI 控件文章目录 UE4 创建自定义 Slate UI 控件前言一.什么是 Slate 二.创建自己的 Slate 控件 1.模块引用 2.定义 Slate 控 ...
【转载】UE4 Epic Games工程师分享：如何在移动平台上做UE4的UI优化？
Epic Games工程师分享:如何在移动平台上做UE4的UI优化? 随着技术的不断升级,高性能的引擎逐渐受到越来越多研发商的青睐,UE4就是其中之一.在上周Unreal Open Day 2017活 ...
UE4 Slate四 SlateUI如何做动画
原创文章,转载请注明出处. 点击观看上一篇<UE4 Slate三 SlateUI代码讲解> 点击观看下一篇<UE4 Slate五 SlateUI如何自定义样式(Custom Styl ...
UE4 Slate九控件反射器Widget Reflector介绍
原创文章,转载请注明出处. 点击观看上一篇<UE4 Slate八 SlateUI使用总结> 点击观看下一篇<UE4 Slate十 SlateViewer介绍> 虚幻引擎 Sla ...
UE4 Slate独立引用程序（摘抄大象无形）
UE4 Slate独立引用程序(摘抄大象无形) 简介如何开始 BlankProgram 走的更远预先准备增加模块引用添加头文件应用修改Main函数为WinMain 添加LOCTEXT_NAM ...
ue4 html ui,UE4用户UI界面核心框架完整资源
UE4用户UI界面核心框架完整资源. 1.0版本发布日期:2019年11月21日当前产品版本:1.1 当前版本发布日期:2020年1月2日 RPG用户界面套件提供了用户界面.蓝图.演员交互代码.道具 ...
UE4 Slate Architecture
Slate Architecture Unreal Engine 4.9 Slate用户界面架构 On this page: How to Read This Page Motivation Core ...
ue4 怎么传递变量到另一个蓝图_【UE4】UI注意事项
文章内容导图: 以下仅是自己在实际操作过程中记录的一些笔记,可能不是很全,关于UI这块以后会根据具体情况以及自己的疑惑点不断更新,不断完整的. (另:自己把相关知识总结一遍形成一个框架,相当于建一座图 ...
UE4的UI基础（01）
1. UMG基本控件 Canvas(画布) 超出画布之外的空间不渲染,画布只能通过设置分辨率设置其大小.在UE4中,画布默认存在,在UE5中,画布需要手动添加. Overlap(覆层) 覆层可以拥有多 ...

UE4 Slate UI

UE4 Slate UI

布局的使用

文本控件

图标显示

原文链接

UE4 Slate UI相关推荐

最新文章

热门文章