The Delight Designer allows you to create and edit view XML while the editor is playing and see the changes take effect immediately as you make them, which allows for a fast workflow. It also has more advanced auto-complete features than the visual studio editor, and allows you to select views with your mouse and see them highlighted in the XML.
The designer requires the TextMeshPro module to be activated in the project:
Import the latest TextMeshPro package into your project. You can do this through the package manager.
Open Content/Config.txt and add the TextMeshPro module:
If you get XmlParseErrors at this point, it’s because the Designer needs to reparsed:
Press “Rebuild All” on the Delight Window (accessible through the menu
Then you can open the Delight Designer through the button Open Designer in the Delight window or by manually opening and running the
|CTRL+S||Saves all changes (ignore unity warning about editor running)|
|F1||Open online help section for the view the caret is on.|
|F5||Reload view (used if auto-reload is disabled)|
|F10||Jump to last opened view|
|F11||Maximize designer window|
|F12||Jump to definition. Opens the view the caret is on.|
|CTRL+SHIFT+L||Unlocks locked views for edit. Locked views are generally not intended to be editable.|
|CTRL+Z||Undo last XML edit|
|CTRL+Y||Redo last XML edit|
|Left click||Click on views in the display region to select them and highlight them in the XML editor|
|CTRL+Left click||Multi-select views in display region. Can also be used to select views in the XML editor by clicking on the text.|
|CTRL+Scroll||If a view is selected CTRL+Scroll down selects the parent view. And CTRL+Scroll up moves back down in the hierarchy towards the initially selected view.|
Sometimes you want to display one view while editing another. This is often the case when the view you’re editing is displayed within another view and you want to see how it appears there while you’re editing it.
To do this you want to go to the view you want displayed and click on the lock view icon in the top-right corner in the display region:
Now you can switch to the view you want to edit and the display region will stay locked.
The editor is going to be optimized, but right now it can get slow when you’re editing complicated views. If it gets too slow you can disable the auto-parser by unchecking the checkbox in the lower-right corner:
After doing so the view will only be parsed when you click on the Parse button or press
The designer makes it easier to change the name of views. Simply rename the view in the XML editor (rename the start and end tag of the root element) and save. The designer will automatically rename the view files, the code-behind and all the references to the view in other XML.