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.

42606
42607

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>

42608

42609