Creating the Window

Now that we got the general idea of how XML works for UI Modding from reading XML is not Scripting....

Lets use the same premise except this time the House is a Window that will be visible in game.

• First you will need the XML header. This is a standard header used in all of the XML documents in the UI.

Code:

   <?xml version="1.0" standalone="yes"?>
   <XML id="SGOUIMarkupLanguage"
        version="0.1"
        xmlns="http://www.sigilgames.com/vanguard-ui-0.1"
        xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
        xsi:schemaLocation="http://www.sigilgames.com/vanguard-ui-0.1 ../../../vanguard-ui.xsd">

This is the first thing you should see when you look at any XML document in the Shells/Default/Windows/ folder.

• Now we need to add the Tags for our window, in Vanguard the Tag for a window is VGUIWindow

Lets start with some tags for the window and we will name it Testing.

Code:

    <VGUIWindow name="Testing">
         <Rect x="200" y="400" width="200" height="100"/>
    </VGUIWindow>

the above code will set up a window named Testing, with the dimensions of 200x100 at the location on screen of 200,400.

• There are a variety of settings you can set, but for now we will work with just a couple basic ones: visible, movable, border, and background.

Settings go inside the <Settings></Settings> tags.

There are 4 types of borders, Sunken, Raised, Frame, and Frameall. Frame is used with windows that have a title bar, more on that later. For this excersice we will use frameall, this will but a solid line frame around the window with rounded corners.

Code:

    <VGUIWindow name="Testing">
         <Rect x="200" y="400" width="200" height="100"/>
         <Settings  visible="true"
                    border="frameall"
                    background="true"
                    movable="true">
         </Settings>
    </VGUIWindow>

• Now before we are done we will need to close out the XML tags. This is simply adding </XML> at the end of the file.

Here is the complete code

Code:

   <?xml version="1.0" standalone="yes"?>
   <XML id="SGOUIMarkupLanguage" version="0.1"
        xmlns="http://www.sigilgames.com/vanguard-ui-0.1"
        xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
        xsi:schemaLocation="http://www.sigilgames.com/vanguard-ui-0.1 ../../../vanguard-ui.xsd">
    <VGUIWindow name="Testing">
         <Rect x="200" y="400" width="200" height="100"/>
         <Settings  visible="true"
                    border="frameall"
                    background="true"
                    movable="true">
         </Settings>
    </VGUIWindow>
    </XML>

Next we will talk about Adding the Window to the game.