创建自定义SWidget/UWidget，＜14-8＞用户界面 UI和UMG

最新推荐文章于 2024-09-30 09:56:54 发布
原创 最新推荐文章于 2024-09-30 09:56:54 发布 · 796 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#ui

这篇博客介绍了如何在Unreal Engine中创建自定义的SWidget类SCustomButton，该类包含TextBlock和点击事件。接着讲解了如何通过UCustomButtonWidget将自定义SWidget封装成UMG可用的组件，允许设计人员在WYSIWYG编辑器中使用。博客详细阐述了SWidget和UWidget之间的关系，以及属性和事件的同步过程。

到目前为止，所有例子已经展示了如何使用现有的基本小部件创建 UI。

有时候，开发者可以使用组合来收集一些 UI 元素来定义一个按钮类，这个按钮类自动将一个 TextBlock 作为标签，而不是每次声明它们时手动指定层次结构。

此外，如果我们在C++中手动指定层次结构，而不是声明一个由子窗口小部件组成的复合对象，那么我们将不能使用 UMG 将这些窗口小部件实例化为一个组。

本例讲述了如何创建一个包含一组小部件并公开新属性以控制这些子小部件的元素的复合 SWidget。 还有如何创建一个 UWidget 包装器，该包装器将向 UMG 公开新的复合 SWidget 类，以便设计人员可以使用它。

首先么再build.cs的模块引用中需要添加UMG。

创建新类：

添加代码：

SCustomButton.h

SCustomButton.cpp


 

 CustomButtonWidget.h
 

最低0.47元/天 解锁文章
UE4里面的UWidget和Swidget
LiTongGang1的博客
01-11 4337
UE4里面的UWidget和Swidget 本人是UE4初学者，如有不正确的地方，欢迎大家指正 UWidget： 是Widget Blueprint里面的可视化编辑控件，方便开发者和设计师直接编辑UI和实现功能，解决了SWidget编辑困难的问题，在运行时会转换为SWidget SWidget： 是UE运行时的真正控件，我们可以直接通过代码New进行创建 UWidget转换为SWidget是通过TakeWidget TakeWidget封装了一个TakeWidget_Private,通过RebuildWid
斯坦福UE4 + C++课学习记录 13：UMG-血量条
weixin_51524146的博客
07-23 1562
在UE中解决这个问题的办法很简单，可以使用UE中的。之外有三个基础类，其他控件都是继承者三个基类。，每个 UMG 控件，都持有一个。：这个类别的控件的公共基类都是。类，用于实现角色的各种属性。: 可以有一个子节点。
一步步教你创建widget
AttackMars的专栏
01-06 2330
首先我们要先了解AppWidgetProvider这个类，其中主要的回调函数的方法有： www.kernll.com onUpdate，onDeleted，onDisabled, onEnabled,onReceive, 其中个人认为最重要的是onUpdate方法，如果只是简单的widget小组件只重写onUpdate组建就可以了 我们涉及的类还有 import android.app.P
Unreal Engine 4 C++ UMG自定义控件
匠心
12-03 9384
Unreal Engine 4 C UMG自定义控件 创建Slate控件 添加到UMG编辑器中 Unreal Engine 4 C++ UMG自定义控件好记性不如烂笔头啊，还是记录一下!如果你觉得Unreal Engine里面的控件没有达到你的需求，你需要添加自定控件。创建Slate控件 如果你还不了解如何创建一个Slate控件，请先阅读： Unreal Engine 4 C++ Slate
GD sWidgets使用
sxty0220 博客之家
10-16 554
GD sWidgets是窗口小部件管理工具，可以设置窗口小部件在主题中可用和不可用（显示和隐藏） T2 Templates Templates（Templatesregistered 列表）此项添加模版 此项中可以设置不同类型的模版极其默认模版，也可以在 Defaults 中更改默认模版类型 此项中可以将添加的模版设置为依赖模版，也可以在Dependenci
推荐神器：Widgets — 精巧实用的桌面组件库
gitblog_00031的博客
06-02 2092
推荐神器：Widgets — 精巧实用的桌面组件库 去发现同类优质开源项目:https://gitcode.com/ 项目介绍 Widgets 是一款专为提升桌面效率而设计的开源组件库，它提供了一系列丰富多样的桌面小组件，如倒计时、剪贴板搜索、喝水提醒等，让你的电脑桌面变得更加智能和个性化。这个项目仍在不断更新和完善，旨在满足用户对高效办公与生活的需求。 项目技术分析 Widgets 底层采用 ...
> UnrealEditor-Force-Win64-DebugGame.dll!UGameMainMenu::NativeOnInitialized() 行 11 C++ UnrealEditor-UMG.dll!UUserWidget::Initialize() 行 165 C++ UnrealEditor-UMG.dll!UUserWidget::CreateInstanceInternal(UObject * Outer, TSubclassOf<UUserWidget> UserWidgetClass, FName InstanceName, UWorld * World, ULocalPlayer * LocalPlayer) 行 2504 C++ UnrealEditor-UMG.dll!UUserWidget::CreateWidgetInstance(UWidget & OwningWidget, TSubclassOf<UUserWidget> UserWidgetClass, FName WidgetName) 行 2398 C++ UnrealEditor-CommonUI.dll!CreateWidget<UUserWidget,UWidget *>(UWidget * OwningObject, TSubclassOf<UUserWidget> UserWidgetClass, FName WidgetName) 行 1718 C++ UnrealEditor-CommonUI.dll!FUserWidgetPool::AddActiveWidgetInternal<UCommonActivatableWidget>(TSubclassOf<UCommonActivatableWidget> WidgetClass, TFunctionRef<TSharedPtr<SObjectWidget,1> __cdecl(UUserWidget *,TSharedRef<SWidget,1>)> ConstructWidgetFunc) 行 125 C++ [内联框架] UnrealEditor-CommonUI.dll!FUserWidgetPool::GetOrCreateInstance(TSubclassOf<UCommonActivatableWidget>) 行 62 C++ UnrealEditor-CommonUI.dll!UCommonActivatableWidgetContainerBase::AddWidgetInternal(TSubclassOf<UCommonActivatableWidget> ActivatableWidgetClass, TFunctionRef<void __cdecl(UCommonActivatableWidget &)> InitFunc) 行 178 C++ UnrealEditor-Force-Win64-DebugGame.dll!UCommonActivatableWidgetContainerBase::AddWidget<UCommonActivatableWidget>(TSubclassOf<UCommonActivatableWidget> ActivatableWidgetClass, TFunctionRef<void __cdecl(UCommonActivatableWidget &)> InstanceInitFunc) 行 52 C++ UnrealEditor-Force-Win64-DebugGame.dll!UPrimaryGameLayout::PushWidgetToLayerStack<UCommonActivatableWidget>(FGameplayTag LayerName, UClass * ActivatableWidgetClass, TFunctionRef<void __cdecl(UCommonActivatableWidget &)> InitInstanceFunc) 行 109 C++ UnrealEditor-Force-Win64-DebugGame.dll!UPrimaryGameLayout::PushWidgetToLayerStackAsync::__l2::<lambda_1>::operator()() 行 76 C++ UnrealEditor-Force-Win64-DebugGame.dll!TWeakBaseFunctorDelegateInstance<UPrimaryGameLayout,void __cdecl(void),FDefaultDelegateUserPolicy,`UPrimaryGameLayout::PushWidgetToLayerStackAsync<UCommonActivatableWidget>'::`2'::<lambda_1>>::ExecuteIfSafe() 行 972 C++ [内联框架] UnrealEditor-Engine.dll!TDelegate<void __cdecl(void),FDefaultDelegateUserPolicy>::ExecuteIfBound() 行 634 C++ UnrealEditor-Engine.dll!FStreamableDelegateDelayHelper::Tick(float DeltaTime) 行 179 C++ UnrealEditor-Engine.dll!FTickableGameObject::TickObjects(UWorld * World, ELevelTick LevelTickType, bool bIsPaused, float DeltaSeconds) 行 196 C++ UnrealEditor-UnrealEd.dll!UEditorEngine::Tick(float DeltaSeconds, bool bIdleMode) 行 2193 C++ UnrealEditor-UnrealEd.dll!UUnrealEdEngine::Tick(float DeltaSeconds, bool bIdleMode) 行 550 C++ UnrealEditor-Win64-DebugGame.exe!FEngineLoop::Tick() 行 5869 C++ [内联框架] UnrealEditor-Win64-DebugGame.exe!EngineTick() 行 69 C++ UnrealEditor-Win64-DebugGame.exe!GuardedMain(const wchar_t * CmdLine) 行 188 C++ UnrealEditor-Win64-DebugGame.exe!LaunchWindowsStartup(HINSTANCE__ * hInInstance, HINSTANCE__ * hPrevInstance, char * __formal, int nCmdShow, const wchar_t * CmdLine) 行 266 C++ UnrealEditor-Win64-DebugGame.exe!WinMain(HINSTANCE__ * hInInstance, HINSTANCE__ * hPrevInstance, char * pCmdLine, int nCmdShow) 行 317 C++ [外部代码] 帮我分析这段调用堆栈，解释引擎内部实现中我作为初学者所需要知道的技术原理，以及项目具体实现中是怎么最终进到这个UI界面初始化的函数中的？
最新发布
09-30
<think>好的，我现在需要帮用户分析这段调用堆栈，并解释引擎内部的技术原理，以及项目是如何进入UI界面初始化函数的。用户是初学者，所以需要尽量用简单易懂的语言，避免太专业的术语，但也要准确。 首先，我得...
虚幻引擎UI深度解析：UMG与Slate实战教程
"虚幻引擎UI刨析教程专注于讲解虚幻Slate UMG技术，包括UMG用户界面系统和Slate框架的详细使用。课程涵盖了官方文档、实战案例以及自定义UI组件的创建方法。" 在虚幻引擎中，UI系统是游戏开发中的重要组成部分，...
UE5 UMG调试秘技：快速解决UI问题的黄金法则
作为Unreal Engine 5（UE5）中用于创建用户界面的强大工具，UMG（Unreal Motion Graphics）允许开发者构建动态且交互式的界面元素。UMG使用Widget类作为其基本构件，为用户提供了一个直观的设计环境，用于实现从简单...
【虚幻4】UMG组件的简介与使用（Common 常用组件篇）
趁着头发多我想做游戏
06-21 4401
对虚幻4的UMG组件进行简单的介绍，包括常见的Text、Button、Image、CanvasPanel等等组件。
【官网】初识UMG_11高级UI事件
yangzhen_010的博客
08-09 1429
【官网】初识UMG
浅谈UE4中Slate/UMG/UWidget/SWidget的差别
zxh1592000的博客
06-15 4914
浅谈UE4中Slate/UMG/UWidget/SWidget的差别
UE4 自定义widget
qq_43021038的博客
09-26 4165
Slate是虚幻引擎的自定义UI编程框架。编辑器的大部分界面都是使用 Slate 构建的。UMG也是基于Slate的。
【UE】UWidget控件转换为Texture2D
weixin_43490759的博客
09-30 677
【代码】【UE】UWidget控件转换为Texture2D。
UE4始终朝向相机的UI
nongmin的专栏
08-15 2150
虚幻有个组件UWidgetComponent可以把UI绘制在场景中但是屏幕绘制时无法被遮挡， 世界绘制无法面向相机, 继承这个组件用Sprite制作就可以被遮挡和面向相机了。 https://github.com/huangsq04/muek/tree/master/Plugins/SpriteWidget ...
如何用iOS14 Widget小组件自定义玩法
iOSjack的博客
12-11 2726
一.了解Widget iOS14带来了新的UI组件：WidgetKit，人称小组件（用过安卓的都能理解），这货的前身其实就是iOS10时候引入的Today Extension。 Widget为应用程序提供了这样一种功能：其可以让用户在主屏幕上展示App中用户所关心的信息。例如一款天气软件，其可以附带一个Widget让用户在主屏幕就可查看今日的天气情况，例如股票相关的软件，用户将自己感兴趣的股票收藏，无需打开App，在主屏幕即可查到对应的股价信息。 刚好iOS14正式版更新的节奏，抽点时间来试试整一个Widg
UE4 将 Slate控件封装成 UWidget
Aparnol的博客
05-15 2526
简单介绍并展示如何将一个Slate控件封装成UMG控件
虚幻引擎UI组件开发快速入门【UMG/Slate】
新缸中之脑
02-13 4246
Unreal 的 UMG 提供了相当多的UI Widget，并允许你在蓝图中做很多事情。但是，有时可能仍需要创建自定义Widget来填补空白。这篇文章中将介绍使用自定义渲染创建Slate Widget的基础知识。 UMG Widget涉及两个类： 一个 UWidget 派生类，可以在编辑器中与之交互 一个 SCompoundWidget 类，处理低级功能和渲染 让我们看一个展示切片的简单UMG Widget，它具有给定的起始角度和圆弧大小。我们可以控制颜色和不透明度，并且可以选择使用图像来渲染它：
【UE Slate】 虚幻引擎Slate开发快速入门
hhw_hhw的博客
05-27 4932
创建自定义控件类：继承自或，具体取决于你的控件是否包含子控件。继承自SWidget并添加了一些额外的功能，如支持包含子控件。public:// 使用ChildSlot定义控件的内容ChildSlot"))private:// 按钮点击事件处理函数"));解释构造函数和方法Construct方法用于初始化控件。和宏定义控件的构造参数。ChildSlot"))是按钮点击事件的处理函数。使用表示事件已处理。"));自定义控件的使用。
<ue5怎么动态或者静态创建用户界面实例>
11-13
在Unreal Engine 5 (UE5) 中，动态或静态创建用户界面（UI）实例取决于你的需求和场景。这里分别介绍这两种方法： **静态创建**： 如果你的UI设计已经固定，可以在游戏启动时或在预加载阶段就创建并添加到场景中。例如，你可以创建一个自定义的UMG（Unreal Material Graph）材质，用于制作UI部件，然后在构造函数或加载逻辑中创建并放置UI元素。 ```cpp // 创建一个UMG面板 UWidget* StaticPanel = SNew(SYourCustomPanel); // 用SYourCustomPanel替换实际的UMG面板类名 StaticPanel->SetSize(XMFLOAT2(200, 200)); // 设置大小 this->RootComponent->AddChild(StaticPanel); // 添加到根组件 ``` **动态创建**： 对于需要根据游戏流程动态生成的UI，比如基于玩家选择或游戏状态的变化，可以使用延迟初始化（LateInitialization）或者在适当的游戏时刻使用C++的UObject系统来创建。 ```cpp void YourFunctionThatGeneratesUI() { // 检查是否已延迟初始化 if (!bInitialized) { // 动态创建UMG面板并添加到场景 SYourCustomPanel* DynamicPanel = SNew(SYourCustomPanel); this->RootComponent->AddChild(DynamicPanel); bInitialized = true; // 标记为已完成初始化 } } ``` 在这里，`bInitialized`是一个标志，表示UI是否已经被初始化。只有当首次进入游戏或UI需要更新时，才会创建新的面板。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值