A Simple way to make a new skin and know what screen does what visually

[markus625]

Hi Guys thought id share with you a very simple way to design a new skin and most importantly know which screen does what visually.

To start off I Use Altova XMLSpy to code all the skin.xml files.

xmlspy1.jpg
xmlspy2.jpg

I then add the following code to each screen with the text being the screen name i.e infobar etc etc.

<eLabel text="screenname_here" position="center,center" size="400,40" font="menulist;30" foregroundColor="white" backgroundColor="red" halign="center" valign="center" transparent="0" zPosition="99"/>

For example the radiobar.

	<screen name="RadioInfoBar" flags="wfNoBorder" position="fill" backgroundColor="transparent">
	<eLabel text="RadioInfoBar" position="center,center" size="400,40" font="menulist;30" foregroundColor="white" backgroundColor="red" halign="center" valign="center" transparent="0" zPosition="99"/>
	<panel name="InfoBar"/>
	</screen>

NetworkBrowser.jpg

NimSelection.jpg