LanguageWizard im Skin erstellen

Aus Gemini-Wiki
Wechseln zu: Navigation, Suche
Baustelle.png An diesem Artikel wird derzeit gearbeitet. Achtung: Der Artikel kann unvollständig und fehlerhaft sein!


Inhaltsverzeichnis

Einleitung

Der Screen name="LanguageWizard" ist wie folgt zu finden:

  • Menü -> Einstellungen -> System -> "Werkseinstellungen"
Ambox notice.png Normalerweise bräuchte man diesen Screen nicht ausser, wenn der Skin als default in ein Image eingebunden wird.


LanguageWizard im Defaultskin

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

	<screen name="LanguageWizard" position="center,70" size="1200,620" title="Welcome...">
		<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,20" size="880,240" font="Regular;23" />
		<widget source="languages" render="Listbox" position="280,330" size="880,260" scrollbarMode="showOnDemand">
			<convert type="TemplatedMultiContent">
				{"template": [
						MultiContentEntryText(pos = (90, 11), size = (760, 50), flags = RT_HALIGN_LEFT, text = 1), # index 1 is the language name,
						MultiContentEntryPixmap(pos = (10, 6), size = (60, 40), png = 2), # index 2 is the pixmap
					],
				 "fonts": [gFont("Regular", 20)],
				 "itemHeight": 52
				}
			</convert>
		</widget>
	</screen>



LanguageWizard im BluedreamHD

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

	<!-- Language Wizard -->
	<screen name="LanguageWizard" 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="languages" render="Listbox" position="50,300" size="440,200" scrollbarMode="showOnDemand" selectionPixmap="BlueDreamHD/selpic.png" transparent="1" >
			<convert type="TemplatedMultiContent">
				{"template": [
						MultiContentEntryText(pos = (80, 10), size = (200, 50), flags = RT_HALIGN_LEFT, text = 1), # index 1 is the language name,
						MultiContentEntryPixmap(pos = (10, 5), size = (60, 40), png = 2), # index 2 is the pixmap
					],
				 "fonts": [gFont("Regular", 28)],
				 "itemHeight": 50
				}
			</convert>
		</widget>
 
		<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>


LanguageWizard im Vergleich

LanguageWizard im Skin Default-HD des OE2.0
Datei:LanguageWizard.BluedreamHD.skin.jpg
LanguageWizard 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