A versatile and performant alternative to UMG property bindings for designer-friendly workflows. The goal was to build a tool that allows mutating raw data into a form that can drive visuals, all within the editor, while staying performant.
MDFastBinding now only supports Unreal 5.1 and later. See the UE-4.27-5.0 tag for older versions.
- Clone this repo into your Plugins folder or download a pre-compiled release.
- Launch the editor, enable the plugin, and restart the editor if necessary.
- Create a blueprint that extends your class (or
UserWidget) - In the editor of your blueprint, you should see a "Binding Editor" button in the toolbar:
- This will open a new tab with an empty graph and an empty list on the left side. Create a new binding by click the "Add Binding" button in the bottom left and name your new binding.
- Now on the right side, you can right-click and start adding nodes to your new binding. Here's a screenshot binding 2 health variables to a progress bar widget's percent:
You can use the normal property binding menu in the Widget Designer to create Fast Bindings. This will auto-populate a binding that sets the property you selected and opens the binding editor drawer. The widget you have selected must have Is Variable checked for the binding menu to display.
When a property has an existing binding, the binding menu will show the binding's status (Error or Performance rating) and the binding's name.
Check out the Performance wiki page for details on how to make performant bindings.
The binding editor integrates with the blueprint debugger to support displaying values of the binding node pins in real time and highlight values that are changing in the binding graph, based on the selected debug object in the blueprint editor. See the Debugging wiki page for more details.
Bindings on User Widgets can be previewed in the widget designer by clicking the Enable Design-Time Bindings button in the toolbar. This is useful for previewing bindings that initialize visuals or bindings that interact with widget animations.
In this example, the square's default color is white, but it's bound to a color variable with a default of light-red:
With design-time bindings enabled, functionality can be previewed by using CallInEditor Functions:
