ServiceInfo im Skin erstellen

An diesem Artikel wird derzeit gearbeitet. Achtung: Der Artikel kann unvollständig und fehlerhaft sein!

Einleitung

Der Screen name="ServiceInfo" kann erreicht werden in dem man im Menü auf Informationen geht, und dort auf Kanal klickt. Zu deutsch sind es die Kanal-Informationen.

ServiceInfo im Defaultskin

Im OE 2.0 Default-HD skin ist dieser Abschnitt so dargestellt:

	<!-- Service info -->
	<screen name="ServiceInfo" position="center,120" size="820,520" title="Serviceinfo">
		<ePixmap pixmap="Default-HD/buttons/red.png" position="10,5" size="200,40" alphatest="on" />
		<ePixmap pixmap="Default-HD/buttons/green.png" position="210,5" size="200,40" alphatest="on" />
		<ePixmap pixmap="Default-HD/buttons/yellow.png" position="410,5" size="200,40" alphatest="on" />
		<ePixmap pixmap="Default-HD/buttons/blue.png" position="610,5" size="200,40" alphatest="on" />
		<widget name="red" position="10,5" size="200,40" zPosition="1" font="Regular;20" halign="center" valign="center" backgroundColor="#9f1313" transparent="1" shadowColor="black" shadowOffset="-2,-2" />
		<widget name="green" position="210,5" size="200,40" zPosition="1" font="Regular;20" halign="center" valign="center" backgroundColor="#1f771f" transparent="1" shadowColor="black" shadowOffset="-2,-2" />
		<widget name="yellow" position="410,5" size="200,40" zPosition="1" font="Regular;20" halign="center" valign="center" backgroundColor="#a08500" transparent="1" shadowColor="black" shadowOffset="-2,-2" />
		<widget name="blue" position="610,5" size="200,40" zPosition="1" font="Regular;20" halign="center" valign="center" backgroundColor="#18188b" transparent="1" shadowColor="black" shadowOffset="-2,-2" />
		<eLabel	position="10,50" size="800,1" backgroundColor="grey"/>
		<widget name="infolist" position="10,60" size="800,450" itemHeight="30" selectionDisabled="1" />
	</screen>

ServiceInfo im BluedreamHD

Mir gefiel diese Art dazu wesentlich besser..

	<!-- Service info -->
	<screen name="ServiceInfo" position="center,center" size="1100,625" title="Serviceinfo" flags="wfNoBorder">
 
		<!-- Background -->
		<ePixmap position="0,0" size="1100,625" zPosition="-5" pixmap="BlueDreamHD/bg_1100x625.png"/>
		<eLabel  position="10,46" size="1080,540" zPosition="-1" backgroundColor="#200d1940"/>
 
		<!--(Title & Titelicon)-->
		<eLabel text="Serviceinfo" position="100,7" size="750,30" font="Regular;29" backgroundColor="background" shadowColor="black" shadowOffset="-2,-2" transparent="1"/>
		<ePixmap position="1030,7" size="32,32" pixmap="BlueDreamHD/menu/info32x32.png" alphatest="on"/>
 
		<!--(Infolist)-->
		<widget name="infolist" position="20,65" size="1060,455" zPosition="1" itemHeight="35" selectionDisabled="1" transparent="1"/>
 
		<!-- Buttons & Keycode -->
		<ePixmap pixmap="BlueDreamHD/buttons/red.png" position="55,595" size="25,25" alphatest="on"/>
		<ePixmap pixmap="BlueDreamHD/buttons/green.png" position="350,595" size="25,25" alphatest="on"/>
		<ePixmap pixmap="BlueDreamHD/buttons/yellow.png" position="585,595" size="25,25" alphatest="on"/>
		<ePixmap pixmap="BlueDreamHD/buttons/blue.png" position="835,595" size="25,25" alphatest="on"/>
		<widget name="red" position="105,595" zPosition="1" size="200,25" font="Regular;23" halign="left" backgroundColor="background" transparent="1" />
		<widget name="green" position="405,595" zPosition="1" size="200,25" font="Regular;23" halign="left" backgroundColor="background" transparent="1" />
		<widget name="yellow" position="635,595" zPosition="1" size="200,25" font="Regular;23" halign="left" backgroundColor="background" transparent="1" />
		<widget name="blue" position="880,595" zPosition="1" size="200,25" font="Regular;23" halign="left" backgroundColor="background" transparent="1" />
	</screen>

ServiceInfo im Vergleich

ServiceInfo im Skin Default-HD des OE2.0

ServiceInfo im Skin BluedreamHD des OE2.0

Kurzerklärung der XML

• Wie man hier erkennen kann wird mittels dem Aussdruck "ePixmap pixmap" ein Grafik geladen.

• Mittels dem Ausdruck "zPosition" können wir die Grafiken auch in unterschiedlichen Ebenen über oder Untereinander gelegt darstellen lassen