Difference between revisions of "Widget Templates"

From PowerUI
Jump to: navigation, search
Line 3: Line 3:
 
== Making a template ==
 
== Making a template ==
  
A template requires these 3 parts:
+
A template usually consists of 3 parts:
  
 
* A C# file which handles any logic for you.  
 
* A C# file which handles any logic for you.  
 
Inside is a class which ultimately derive from Window ''(context menu's, for example, derive from ContextMenu which itself is a Window)''.
 
Inside is a class which ultimately derive from Window ''(context menu's, for example, derive from ContextMenu which itself is a Window)''.
  
* A html file which provides the basic style
+
* A html file which provides the basic style ''(optional)''
 
''(which is actually CSS, because Unity doesn't recognise .css as text)''
 
''(which is actually CSS, because Unity doesn't recognise .css as text)''
  
* A html file which provides the basic layout
+
* A html file which provides the basic layout ''(optional)''
  
 
== Template structure ==
 
== Template structure ==

Revision as of 10:53, 14 January 2017

Window templates are a new way of easily making reusable, extremely extendible UI components in PowerUI. They are central to the Window Manager which forms the basis of other systems such as dialogue (speech) and context menus.

Making a template

A template usually consists of 3 parts:

  • A C# file which handles any logic for you.

Inside is a class which ultimately derive from Window (context menu's, for example, derive from ContextMenu which itself is a Window).

  • A html file which provides the basic style (optional)

(which is actually CSS, because Unity doesn't recognise .css as text)

  • A html file which provides the basic layout (optional)

Template structure

The (self contained) structure of those files is usually like this:

  • MyTemplate/myTemplate.cs
  • MyTemplate/Resources/myTemplate-style.html
  • MyTemplate/Resources/myTemplate-template.html

For an example of a built in window, check out the "Floating Window" which is at PowerUI/Source/Extras/Window System/Built in/Floating Window/