Hi there,
Coming from a Winforms/WPF background, what are the ways of creating similar professional UI in unity?
The BMW blog below showed a really professional UI and i was wondering what technologies they used to do that? XAML/UWP or entirely in unity UI?
https://blogs.unity3d.com/wp-content/uploads/2020/07/scenario_ui_3.png
Thanks,
Michael
It’s hard to tell. Probably UI Toolkit or their own.
UI Toolkit is the new XML/CSS (UXML/USS) system, formerly called UI Elements. There is a UI Builder editor package if you don’t want to use code. It works for editor and runtime.
Unity UI is for runtime only.
IMGUI is the old UI for runtime and editor.
I’m not sure which bit you’re referring to, but each part of that screen uses a very basic and easy layout - using flexbox: it’s on the order of a few minutes up to 10 minutes to implement for each panel (with most of the time being spent tweaking - if you’d already designed it in photoshop/illustrator it would be extremely fast to implement).
For editorwindows / inspectors I’d use UIToolkit (which uses flexbox internally). It’s not (officially) production-ready yet but it’s close enough and it’s the only way you can use flexbox in editor panels right now.
For runtime I’d do it in UnityUI (although you could try using UIToolkit too) because it has a LOT of features that UIToolkit is missing / don’t quite work yet (but I’d use my own code that implements flexbox instead).
The main thing is: use flexbox :). Those layouts are very simple to implement with it.