Skin Engine: Component Layout and Size

[baconpaul]

This is a big part of it.

[baconpaul]

<skin>
  <component-classes> <!-- this allows us to extend the built in classes with properties -->
    <class name="dark-vslider" parent-class="CSurgeSlider" orientation="vertical" propone="a" proptwo="b"/>
    <class name="light-vslider" parent-class="CSurgeSlider" orientation="horizontal" propone="a" proptwo="b" bgprop="SVG/foo"/>
    <class name="modified-light-slider" parent-class="light-slider" propone="c"/> <!-- so proptwo = b and bgpro is SVG/foo still-->
    <class name="centered-text" parent-class="CLabel" font="lato" valign="left"/>
  </component-classes>
  <controls>
    <control ui_identifier="aeg.attack" class="light-vslider" posx="23" posy="47"/>
    <control ui_identifier="global.character" class="CHSwitch2" posx="89" posy="123"
             w="100" h="80" switch_sprite="SVG/bmp00161.svg"/>

    <!-- You can override a property also -->
    <control ui_identifier="modified-light-slider" propone="d"/>
  </controls>
</skin>

[baconpaul]

that's the sketch of the design that dave and I kicked around