框架介绍UE4

Widget然后手动地逐层添加到主界面设定其位置变换容易造成结构混乱和逻辑混乱在蓝图内创建蓝图

Widget

面板的位置变换获取添加到的父级控件的对象实例进行界面的添加父级控件的对象实例又有自己的父级对象层层获取实例需要引入大量头文件和实例耦合性非常高。

解决思路:

面板的生成、销毁、显示、隐藏、冻结、激活等生命周期功能往往在复杂的

逻辑中会被自己或者其他对象大量调用各个

“模态显示不允许操作父窗体”普通开发模式下需要手动维护弹窗类型

解决思路:

面板设定显示类型包括无影响DoNothing隐藏其他HideO***r反向反转Reverse等几种不同的类型在

管理器下实现不同的生命周期函数提供遮罩管理器定义不同透明度与可否穿透遮罩的类型。

4问题

开发需要加载数量众多的图片等资源用普通的方式进行加载十分麻烦。

解决思路:

管理器进行消息的传递一般是使用委托或者回调函数等但是这种方式有其局限性面对大量不同类型的方法调用时需要定义很多不同类型的委托。

解决思路:

使用框架的反射事件系统以及注册事件系统爱怎么调就怎么调随心所欲。

DataDriven

Widgets/Layout/Anchors.h#pragma

region

布局类型UPROPERTY(EditAnywhere)ELayoutType

LayoutType;//

类型的面板使用指定影响的范围UPROPERTY(EditAnywhere)ELayoutLevel

LayoutLevel;//

面板类型UPROPERTY(EditAnywhere)EPanelShowType

PanelShowType;//

弹窗遮罩透明度UPROPERTY(EditAnywhere)EPanelLucencyType

PanelLucencyType;//

锚点UPROPERTY(EditAnywhere)FAnchors

Anchors;//

paddingUPROPERTY(EditAnywhere)FMargin

Offsets;//

的水平布局UPROPERTY(EditAnywhere)TEnumAsByteEHorizontalAlignment

HAlign;//

的垂直布局UPROPERTY(EditAnywhere)TEnumAsByteEVerticalAlignment

VAlign;};#pragma

面板属性初始化工作留到蓝图内手动配置UPROPERTY(EditAnywhere)FUINature

UINature;

{SetVisibility(ESlateVisibility::Visible);

}void

{SetVisibility(ESlateVisibility::Visible);

}void

{SetVisibility(ESlateVisibility::Hidden);

}//

{GENERATED_BODY()public:virtual

bool

ActiveOverlay;UPROPERTY()TArrayUOverlay*

UnActiveOverlay;//

ActiveCanvas;TArrayUCanvasPanel*

UnActiveCanvas;//

TranslucenceLucency;FLinearColor

ImPenetrableLucency;

CastUCanvasPanel(GetRootWidget());//

使自身忽略鼠标事件检测但子控件可以接受检测RootCanvas-SetVisibility(ESlateVisibility::SelfHitTestInvisible);//

生成遮罩MaskPanel

WidgetTree-ConstructWidgetUImage(UImage::StaticClass());//

设置透明度NormalLucency

EnterPanelDoNothing(UCanvasPanel*

WorkLayout,

EnterPanelHideO***r(UCanvasPanel*

WorkLayout,

EnterPanelReverse(UCanvasPanel*

WorkLayout,

UDDFrameWidget::AdvanceLoadPanel(FName

PanelName)

(AllPanelGroup.Contains(PanelName)

LoadedPanelName.Contains(PanelName))return;//

进行异步加载BuildSingleClassWealth(EWealthType::Widget,

PanelName,

添加面板名到已加载面板名组LoadedPanelName.Push(PanelName);

}void

UDDFrameWidget::ShowUIPanel(FName

PanelName)

(ShowPanelGroup.Contains(PanelName)

PopPanelStack.Contains(PanelName))return;//

(!AllPanelGroup.Contains(PanelName)

!LoadedPanelName.Contains(PanelName))

{BuildSingleClassWealth(EWealthType::Widget,

PanelName,

AcceptPanelWidget);LoadedPanelName.Push(PanelName);return;}//

如果存在该

(AllPanelGroup.Contains(PanelName))

{//

*AllPanelGroup.Find(PanelName);//

}void

UDDFrameWidget::AcceptAdvancePanel(FName

BackName,

CastUDDPanelWidget(BackWidget);//

PanelWidgetif

ObjectNamePanelWidget-RegisterToModule(ModuleIndex,

BackName);//

添加到全部组AllPanelGroup.Add(BackName,

PanelWidget);

UDDFrameWidget::AcceptPanelWidget(FName

BackName,

CastUDDPanelWidget(BackWidget);//

PanelWidgetif

ObjectNamePanelWidget-RegisterToModule(ModuleIndex,

BackName);//

添加到全部组AllPanelGroup.Add(BackName,

PanelWidget);//

进行第一次显示执行进入界面方法DoEnterUIPanel(BackName);

}void

UDDFrameWidget::DoEnterUIPanel(FName

PanelName)

*AllPanelGroup.Find(PanelName);//

Canvas

(PanelWidget-UINature.LayoutType

ELayoutType::Canvas)

CastUCanvasPanel(RootCanvas-GetChildAt(RootCanvas-GetChildrenCount()

1));if

WidgetTree-ConstructWidgetUCanvasPanel(UCanvasPanel::StaticClass());WorkLayout-SetVisibility(ESlateVisibility::SelfHitTestInvisible);UCanvasPanelSlot*

FrameCanvasSlot

RootCanvas-AddChildToCanvas(WorkLayout);FrameCanvasSlot-SetAnchors(FAnchors(0.f,

0.f,

1.f));FrameCanvasSlot-SetOffsets(FMargin(0.f,

0.f,

添加到激活组ActiveCanvas.Push(WorkLayout);}}//

如果根节点下没有任何对象else

WidgetTree-ConstructWidgetUCanvasPanel(UCanvasPanel::StaticClass());WorkLayout-SetVisibility(ESlateVisibility::SelfHitTestInvisible);UCanvasPanelSlot*

FrameCanvasSlot

RootCanvas-AddChildToCanvas(WorkLayout);FrameCanvasSlot-SetAnchors(FAnchors(0.f,

0.f,

1.f));FrameCanvasSlot-SetOffsets(FMargin(0.f,

0.f,

添加到激活画布组ActiveCanvas.Push(WorkLayout);}//

(PanelWidget-UINature.PanelShowType)

{case

EPanelShowType::DoNothing:EnterPanelDoNothing(WorkLayout,

EPanelShowType::HideO***r:EnterPanelHideO***r(WorkLayout,

EPanelShowType::Reverse:EnterPanelReverse(WorkLayout,

布局类型为

UDDFrameWidget::DoShowUIPanel(FName

PanelName)

UDDFrameWidget::EnterPanelDoNothing(UCanvasPanel*

WorkLayout,

UDDFrameWidget::EnterPanelDoNothing(UOverlay*

WorkLayout,

UDDFrameWidget::EnterPanelHideO***r(UCanvasPanel*

WorkLayout,

UDDFrameWidget::EnterPanelHideO***r(UOverlay*

WorkLayout,

UDDFrameWidget::EnterPanelReverse(UCanvasPanel*

WorkLayout,

UDDFrameWidget::EnterPanelReverse(UOverlay*

WorkLayout,

提前加载面板资源就立刻显示面板这会导致面板没加载出来就被使用。

接下来补充

正在预加载但是收到显示到界面命令时进行循环检测是否加载完毕加载完毕则进行显示void

正在提前加载但是已经收到显示命令的界面名简称预显示组TArrayFName

WaitShowPanelName;//

WaitShowTaskName;DDFrameWidget.cpp

#include

UDDFrameWidget::ShowUIPanel(FName

PanelName);

(ShowPanelGroup.Contains(PanelName)

PopPanelStack.Contains(PanelName))return;if

(!AllPanelGroup.Contains(PanelName)

!LoadedPanelName.Contains(PanelName))

{BuildSingleClassWealth(EWealthType::Widget,

PanelName,

AcceptPanelWidget);LoadedPanelName.Push(PanelName);return;}//

如果预加载未完成就调用显示命令启动循环检测函数检测到预加载完成的时候显示

面板if

(!AllPanelGroup.Contains(PanelName)

LoadedPanelName.Contains(PanelName)

!WaitShowPanelName.Contains(PanelName))

{//

添加名字到预显示名字组WaitShowPanelName.Push(PanelName);//

启动循环检测加载完毕则显示函数每

秒检测一次InvokeRepeat(WaitShowTaskName,

0.3f,

UDDFrameWidget::WaitShowPanel);return;}//

...

UDDFrameWidget::WaitShowPanel()

{TArrayFName

(AllPanelGroup.Contains(WaitShowPanelName[i]))

{//

执行进入界面方法DoEnterUIPanel(WaitShowPanelName[i]);//

添加到完成组CompleteName.Push(WaitShowPanelName[i]);}}//

UIfor

i)WaitShowPanelName.Remove(CompleteName[i]);//

0)StopInvoke(WaitShowTaskName);

}void

UDDFrameWidget::EnterPanelDoNothing(UCanvasPanel*

WorkLayout,

WorkLayout-AddChildToCanvas(PanelWidget);PanelSlot-SetAnchors(PanelWidget-UINature.Anchors);PanelSlot-SetOffsets(PanelWidget-UINature.Offsets);//

面板添加到显示组UI

必须一致ShowPanelGroup.Add(PanelWidget-GetObjectName(),

PanelWidget);//

面板的进入界面生命周期PanelWidget-PanelEnter();

}void

UDDFrameWidget::EnterPanelDoNothing(UOverlay*

WorkLayout,

WorkLayout-AddChildToOverlay(PanelWidget);PanelSlot-SetPadding(PanelWidget-UINature.Offsets);PanelSlot-SetHorizontalAlignment(PanelWidget-UINature.HAlign);PanelSlot-SetVerticalAlignment(PanelWidget-UINature.VAlign);//

面板添加到显示组UI

必须一致ShowPanelGroup.Add(PanelWidget-GetObjectName(),

PanelWidget);//

面板的进入界面生命周期PanelWidget-PanelEnter();

DDFrameWidget

RCStatePanel、RCShortCutPanel、RCMiniMapPanel、RCBigMapPanel、RCMenuPanel

Blueprint

MiniMapPanel作为状态栏面板和小地图面板。

然后分别将它们的父类指定为

RCStatePanel

在游戏主界面类里重写初始化函数添加界面到窗口并显示状态栏和小地图面板。

RCGameUIFrame.h

{AddToViewport();ShowUIPanel(StatePanel);ShowUIPanel(MiniMapPanel);

}之前在

UDDFrameWidget::DoEnterUIPanel(FName

PanelName)

*AllPanelGroup.Find(PanelName);if

(PanelWidget-UINature.LayoutType

ELayoutType::Canvas)

CastUCanvasPanel(RootCanvas-GetChildAt(RootCanvas-GetChildrenCount()

1));//

WidgetTree-ConstructWidgetUCanvasPanel(UCanvasPanel::StaticClass());WorkLayout-SetVisibility(ESlateVisibility::SelfHitTestInvisible);UCanvasPanelSlot*

FrameCanvasSlot

RootCanvas-AddChildToCanvas(WorkLayout);FrameCanvasSlot-SetAnchors(FAnchors(0.f,

0.f,

1.f));FrameCanvasSlot-SetOffsets(FMargin(0.f,

0.f,

UnActiveCanvas.Pop();ActiveCanvas.Push(WorkLayout);}switch

(PanelWidget-UINature.PanelShowType)

{case

EPanelShowType::DoNothing:EnterPanelDoNothing(WorkLayout,

EPanelShowType::HideO***r:EnterPanelHideO***r(WorkLayout,

EPanelShowType::Reverse:EnterPanelReverse(WorkLayout,

Overlay

CastUOverlay(RootCanvas-GetChildAt(RootCanvas-GetChildrenCount()

1));if

WidgetTree-ConstructWidgetUOverlay(UOverlay::StaticClass());WorkLayout-SetVisibility(ESlateVisibility::SelfHitTestInvisible);UCanvasPanelSlot*

FrameCanvasSlot

RootCanvas-AddChildToCanvas(WorkLayout);FrameCanvasSlot-SetAnchors(FAnchors(0.f,

0.f,

1.f));FrameCanvasSlot-SetOffsets(FMargin(0.f,

0.f,

UnActiveOverlay.Pop();ActiveOverlay.Push(WorkLayout);}switch

(PanelWidget-UINature.PanelShowType)

{case

EPanelShowType::DoNothing:EnterPanelDoNothing(WorkLayout,

EPanelShowType::HideO***r:EnterPanelHideO***r(WorkLayout,

EPanelShowType::Reverse:EnterPanelReverse(WorkLayout,

}编译后运行游戏可以看到状态栏和小地图面板都出现在界面上。

说明我们的