NetworkWizard im Skin erstellen

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

Einleitung

Der Screen name="NetworkWizard" bezieht seine Informationen aus dem networkwizard.xml das zu finden ist unter usr/lib/enigma2/python/Plugins/SystemPlugins/NetworkWizard

• Menü -> Einstellungen -> System -> Netzwerk -> "Netzwerkassistent"

NetworkWizard im Defaultskin

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

	<screen name="NetworkWizard" position="center,70" size="1200,620" title="NetworkWizard">
		<ePixmap pixmap="Default-HD/buttons/red.png" position="270,15" size="200,40" alphatest="on" />
		<widget name="languagetext" position="270,15" size="200,40" zPosition="1" font="Regular;20" halign="center" valign="center" backgroundColor="#9f1313" transparent="1" shadowColor="black" shadowOffset="-2,-2" />
		<widget name="wizard" position="0,0" size="240,620" pixmap="Default-HD/wizard.png" />
		<widget name="rc" position="40,60" size="160,500" zPosition="1" pixmaps="skin_default/rc0.png,skin_default/rc1.png,skin_default/rc2.png" alphatest="blend" />
		<widget name="arrowdown" position="-100,-100" size="37,70" pixmap="skin_default/arrowdown.png" zPosition="2" alphatest="on" />
		<widget name="arrowdown2" position="-100,-100" size="37,70" pixmap="skin_default/arrowdown.png" zPosition="2" alphatest="on" />
		<widget name="arrowup" position="-100,-100" size="37,70" pixmap="skin_default/arrowup.png" zPosition="2" alphatest="on" />
		<widget name="arrowup2" position="-100,-100" size="37,70" pixmap="skin_default/arrowup.png" zPosition="2" alphatest="on" />
		<widget name="text" position="280,70" size="880,350" font="Regular;23" backgroundColor="background" transparent="1" />
		<widget source="list" render="Listbox" position="280,350" size="880,270" zPosition="1" scrollbarMode="showOnDemand" transparent="1">
			<convert type="TemplatedMultiContent">
				{"template": [ MultiContentEntryText(pos = (10, 4), size = (580, 22), flags = RT_HALIGN_LEFT, text = 0) ],
				"fonts": [gFont("Regular", 20)],
				"itemHeight": 30
				}
			</convert>
		</widget>
		<widget name="config" position="280,350" size="880,270" zPosition="2" itemHeight="30" scrollbarMode="showOnDemand" transparent="1"/>
		<widget source="VKeyIcon" render="Pixmap" position="1110,20" size="70,30" zPosition="1" pixmap="Default-HD/icons/text.png" alphatest="blend">
			<convert type="ConditionalShowHide" />
		</widget>
		<widget name="HelpWindow" position="453,250" size="1,1" zPosition="1" transparent="1" />
	</screen>

NetworkWizard im BlueDreamHD

Hier die Variante ich ich für den BlueDreamHD ausgearbeitet habe.

	<!-- NetworkWizard -->
	<screen name="NetworkWizard" position="center,center" size="1280,720" title="Welcome..." flags="wfNoBorder" >
		 
		<widget name="wizard" pixmap="skin_default/wizard.png" position="190,70" zPosition="10" size="110,174" alphatest="on" />
		<widget name="text" position="350,70" size="550,450" font="Regular;30" />
		<ePixmap pixmap="BlueDreamHD/buttons/red.png" position="160,260" zPosition="0" size="25,25" transparent="1" alphatest="on" />
		<widget name="languagetext" position="213,263" size="120,30" font="Regular;25" />
		
		<widget source="list" render="Listbox" position="203,340" size="440,180" scrollbarMode="showOnDemand" transparent="1" >
			<convert type="TemplatedMultiContent">
				{"template": [ MultiContentEntryText(pos = (20, 3), size = (760, 40), flags = RT_HALIGN_LEFT, text = 0) ],
				"fonts": [gFont("Regular", 30)],
				"itemHeight": 40
				}
			</convert>
		</widget>
		
		<widget name="config" position="350,340" zPosition="1" size="550,200" transparent="1" scrollbarMode="showOnDemand" itemHeight="35" selectionPixmap="BlueDreamHD/selpic.png" />
		
		<widget name="rc" pixmaps="skin_default/rc0.png,skin_default/rc1.png,skin_default/rc2.png" position="930,60" zPosition="10" size="154,500" alphatest="on" />
		<widget name="arrowdown" pixmap="skin_default/arrowdown.png" position="-100,-100" zPosition="11" size="37,70" alphatest="on" />
		<widget name="arrowdown2" pixmap="skin_default/arrowdown.png" position="-100,-100" zPosition="11" size="37,70" alphatest="on" />
		<widget name="arrowup" pixmap="skin_default/arrowup.png" position="-100,-100" zPosition="11" size="37,70" alphatest="on" />
		<widget name="arrowup2" pixmap="skin_default/arrowup.png" position="-100,-100" zPosition="11" size="37,70" alphatest="on" />
	</screen>

NetworkWizard im Vergleich

NetworkWizard im Skin Default-HD des OE2.0

NetworkWizard 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