CommunitySkin Skinning Tutorial

[whurlston]

Feel free to play around with it. The errors are probably due to it being written in an older version of .Net.

I'm just glad you finally moved to .Net

[bckappen]

zehd,
Just out of curiosity, I downloaded SkinEdit and rebuild the solution in SharpDevelop. It shows 0 errors, but 9 warnings (minor). If you got errors it could be an issue with your setup.

[zehd]

zehd,
Just out of curiosity, I downloaded SkinEdit and rebuild the solution in SharpDevelop. It shows 0 errors, but 9 warnings (minor). If you got errors it could be an issue with your setup.

Yup, I'm sure it's something I'm doing. At the same time, I thought about starting over. Although I still want to use a treeview, I want the entries to be linked and use drag and drop to reorganize a skin...

And of course I want to have a wyswg, which is what the old one did, but I didn't think too well...

[bckappen]

In case you get some value out of the existing source, here is what I did to compile it:
In SharpDevelop 2.2 (I didn't install any add-ons), select File->Open->Project/Solution and browse to the src folder of the files from the SkinEdit zip file and open the SkinEdit.sln file. This will pull all associated files into SharpDevelop. You should be able to build it at this point without errors (assuming you have dot net 2 runtime or sdk).

To run the compiled app from SharpDevelop, you will need to copy the Config.xml and the icons folder from the src folder to the folder where SharpDevelop creates the executable, which will be the src\bin\Debug folder.

Hope this helps.

[zehd]

In case you get some value out of the existing source, here is what I did to compile it:
In SharpDevelop 2.2 (I didn't install any add-ons), select File->Open->Project/Solution and browse to the src folder of the files from the SkinEdit zip file and open the SkinEdit.sln file. This will pull all associated files into SharpDevelop. You should be able to build it at this point without errors (assuming you have dot net 2 runtime or sdk).

To run the compiled app from SharpDevelop, you will need to copy the Config.xml and the icons folder from the src folder to the folder where SharpDevelop creates the executable, which will be the src\bin\Debug folder.

Hope this helps.

THanks... Gonna try that...

[nbarsley]

Code:

<CompositeImage name="ButtonNormal" size="25.0,5.0">        
            <DrawImage filename="..\_CoreImages\buttonmainmenu_normal.png" loc="0,0" size="100,100"/>
            <DrawTextWithOutline text="@buttonText" loc="7,0" size="100,100" textStyle="ButtonTextNormal" align="Left" valign="Center" fillColor="Normal" borderColor="NormalOutline" outlineWidth="1" />
        </CompositeImage>

        <CompositeImage name="ButtonSelected" size="25.0,5.0">        
            <DrawImage filename="..\_CoreImages\buttonmainmenu_selected.png" loc="0,0" size="100,100"/>
            <DrawTextWithOutline text="@buttonText" loc="7,0" size="100,100" textStyle="ButtonTextSelected" align="Left" valign="Center" fillColor="Selected" borderColor="SelectedOutline" outlineWidth="1" />
        </CompositeImage>

-->Can someone explain how this code on the main menu works? I've tried figuring it out by guess and check, but I dont really understand what all the elements mean.

[Fatman_do]

The selected button in the main menu is hard-coded to do the enlarging effect. It cannot be changed. That is probably what is driving you batty.

Otherwise, the normal buttons are sized 25.0% of the screen wide, and 5.0% of the screen high.
The next line tells it what image to use, and draw it at 100% of the defined width (ie 25.0%, 5.0%)
The third line will draw the text in the button 7% from the left edge of the defined area. The textcolors are defined in the baseskin.xml file.

[nbarsley]

The selected button in the main menu is hard-coded to do the enlarging effect. It cannot be changed. That is probably what is driving you batty.

Otherwise, the normal buttons are sized 25.0% of the screen wide, and 5.0% of the screen high.
The next line tells it what image to use, and draw it at 100% of the defined width (ie 25.0%, 5.0%)
The third line will draw the text in the button 7% from the left edge of the defined area. The textcolors are defined in the baseskin.xml file.

Thanks. I wanted to try to do a star wars type effect on the menu. I guess its not possible

[nbarsley]

The selected button in the main menu is hard-coded to do the enlarging effect.

-> It is locked by GBPVR or CS3?

[Fatman_do]

Prvx2

There was no restriction in the old gbpvr.exe UI.