|
|
(6 intermediate revisions by 2 users not shown) |
Line 1: |
Line 1: |
− | = Client 2 Skinning Guide<br> =
| + | #REDIRECT [[Category:Client_Skinning]] |
− | | |
− | == Creating a New Skin ==
| |
− | | |
− | In Client 2, instead of editing the files in place, you actually create a new folder in the Contents dir. This will allow us to patch files without overwriting mods and allow people to share mods more easily.
| |
− | | |
− | Here is an example of creating a simple mod for C2:
| |
− | | |
− | #Create ''Contents/<newSkinName>/'' next to ''Contents/Default''
| |
− | #Copy the appropriate file from ''Contents/Default/<dir1>/<dir2>'' to ''Contents/<newSkinName>/<dir1>/<dir2>''
| |
− | #Make the changes you want to make to the file | |
− | #Change the ''UserConfig.xml'' packages attribute to read ''packages="<newSkinName> Default"'' instead of ''packages="Default"''
| |
− | #*This will tell C2 to first look in <newSkinName> for the files it needs, then revert to Default for anything it doesn't find. You can chain many of these packages to apply multiple mods. (Eventually we'll have a UI mod manager as well).
| |
− | | |
− | Lastly, the packages attribute can also read in zip files, so you could place a zip file named '''<newSkinName>.zip in Contents/ and add it to the packages in the same way''', and it would read it. (This will make it even easier to share mods with others)
| |
− | | |
− | Any questions related to this can be sent to pip on the forums or asked on IRC.
| |
− | | |
− | == XML Documentation ==
| |
− | | |
− | === Button ===
| |
− | | |
− | === Window ===
| |
− | | |
− | === WindowTrans ===
| |
− | | |
− | === ModalScreen ===
| |
− | | |
− | === MessageBox ===
| |
− | | |
− | === ScrollBar ===
| |
− | | |
− | === Image ===
| |
− | | |
− | <code><element type="image"> </code>
| |
− | | |
− | ==== Example: ====
| |
− | | |
− | <code><element type="image"></code>
| |
− | | |
− | <code></code>
| |
− | | |
− | <code></code>
| |
− | | |
− | <code>
| |
− | <attributes>
| |
− | <rect name="Rect" value="12, 37, 483, 305" />
| |
− | <texture name="Texture" value="background.station.ships" />
| |
− | <bool name="UseAlphaChannel" value="true" />
| |
− | <color name="Color" value="9fffffff" />
| |
− | <rect name="ImageRect" value="25, 63, 498, 333" />
| |
− | </attributes>
| |
− | </code>
| |
− | | |
− | <code></code>
| |
− | | |
− | <code></code>
| |
− | | |
− | <code></element> </code>
| |
− | | |
− | ==== Notes: ====
| |
− | | |
− | Rect is the coordinates that the image will appear
| |
− | | |
− | The texture name is the name of an image specified in images.xml
| |
− | | |
− | ImageRect specifies a subset of the image to display
| |
− | | |
− | Color is in the aarrggbb format
| |
− | | |
− | === Rectangle ===
| |
− | | |
− | <code><element type="rectangle"></code>
| |
− | | |
− | <code> <attributes><br> <string name="IdName" value="" /><br> <string name="TextID" value="" /><br> <int name="Id" value="-1" /><br> <string name="Caption" value="" /><br> <rect name="Rect" value="0, 0, 1, 1" /><br> <position name="MinSize" value="1, 1" /><br> <position name="MaxSize" value="0, 0" /><br> <bool name="NoClip" value="false" /><br> <enum name="LeftAlign" value="upperLeft" /><br> <enum name="RightAlign" value="upperLeft" /><br> <enum name="TopAlign" value="upperLeft" /><br> <enum name="BottomAlign" value="upperLeft" /><br> <bool name="Visible" value="true" /><br> <bool name="Enabled" value="true" /><br> <bool name="TabStop" value="false" /><br> <bool name="TabGroup" value="false" /><br> <int name="TabOrder" value="-1" /><br> <color name="col_left_up" value="ffffffff" /><br> <color name="col_right_up" value="ffffffff" /><br> <color name="col_left_down" value="ffffffff" /><br> <color name="col_right_down" value="ffffffff" /><br> </attributes></code>
| |
− | | |
− | <code></element> </code>
| |
− | | |
− | === Checkbox ===
| |
− | <pre><code><element type="checkBox">
| |
− | <attributes>
| |
− | <string name="IdName" value="" />
| |
− | <string name="TextID" value="" />
| |
− | <int name="Id" value="-1" />
| |
− | <string name="Caption" value="" />
| |
− | <rect name="Rect" value="0, 0, 1, 1" />
| |
− | <position name="MinSize" value="1, 1" />
| |
− | <position name="MaxSize" value="0, 0" />
| |
− | <bool name="NoClip" value="false" />
| |
− | <enum name="LeftAlign" value="upperLeft" />
| |
− | <enum name="RightAlign" value="upperLeft" />
| |
− | <enum name="TopAlign" value="upperLeft" />
| |
− | <enum name="BottomAlign" value="upperLeft" />
| |
− | <bool name="Visible" value="true" />
| |
− | <bool name="Enabled" value="true" />
| |
− | <bool name="TabStop" value="true" />
| |
− | <bool name="TabGroup" value="false" />
| |
− | <int name="TabOrder" value="3" />
| |
− | <bool name="Checked" value="false" />
| |
− | <int name="IconChecked" value="-1" />
| |
− | <int name="IconUnchecked" value="-1" />
| |
− | <string name="IconBankName" value="" />
| |
− | </attributes>
| |
− | </element>
| |
− | </code></pre>
| |
− | === Table ===
| |
− | | |
− | === MeshViewer ===
| |
− | | |
− | === StaticText ===
| |
− | | |
− | === EditBox ===
| |
− | | |
− | === SpinBox ===
| |
− | | |
− | === TabControl ===
| |
− | | |
− | === Tab ===
| |
− | | |
− | === ContextMenu ===
| |
− | | |
− | === Menu ===
| |
− | | |
− | === Toolbar ===
| |
− | | |
− | === ComboBox ===
| |
− | | |
− | === Chat ===
| |
− | | |
− | === RadioButtonGroup ===
| |
− | | |
− | === RadioCheckboxGroup ===
| |
− | | |
− | === Slider ===
| |
− | | |
− | === Tutorial ===
| |
− | | |
− | === Callback ===
| |
− | | |
− | | |
− | | |
− | ----
| |
− | | |
− | [[Category:Guides]] | |