NoesisGUI Unreal Engine User Control Demo

Introduction

This demo shows how to implement an UserControl using XAML and a C++ code-behind. The main focus points of this demo are:

• Shows how to create an UserControl with a code-behind class in C++ that implements DependencyPropertys and Events.

• Shows how to use the UseControl in another XAML.

Demo Breakdown

C++ Code

• NumericUpDown.h and NumericUpDown.cpp: Implements a code-behind for NumericUpDown.xaml. It declares four DependencyPropertys (Value, MaxValue, MinValue and StepValue) as well as a RoutedEvent (ValueChanged);

• MainWindow.h: Implements a minimal code-behind for MainWindow.xaml.

• UserControlGame.cpp: Implements a minimal game module that registers the NoesisGUI native components.

Blueprint

• NoesisBlueprint'/Game/UserControls/View.View': It's a NoesisView for NoesisXaml'/Game/UserControls/MainWindow.MainWindow' (MainWindow.xaml).

• UserControl - Level Blueprint: Creates a Widget from NoesisBlueprint'/Game/UserControls/View.View', adds it to the viewport and captures mouse input.

Project Settings

• NoesisGUI Project Settings: Sets the NoesisXaml NoesisXaml'/Game/Theme/NoesisTheme_DarkBlue.NoesisTheme_DarkBlue' as the global application ResourceDictionary.