LanguageSelection im Skin erstellen

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

Einleitung

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

• Menü -> Einstellungen -> System -> "Sprache"

LanguageSelection im Defaultskin

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

	<!-- Language selection -->
	<screen name="LanguageSelection" position="center,120" size="620,520" title="Language selection">
		<widget source="languages" render="Listbox" position="10,10" size="600,500" scrollbarMode="showOnDemand">
			<convert type="TemplatedMultiContent">
				{"template": [
						MultiContentEntryText(pos = (100, 12), size = (470, 26), 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", 24)],
				 "itemHeight": 50
				}
			</convert>
		</widget>
	</screen>

LanguageSelection im BluedreamHD

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

	<!-- Language selection -->	
	<screen name="LanguageSelection" position="center,center" size="750,600" title="Language selection" flags="wfNoBorder">
 
		<!-- Background -->
		<ePixmap position="0,0" size="750,600" zPosition="-5" pixmap="BlueDreamHD/bg_750x600.png"/>
		<eLabel  position="8,46" size="735,515" zPosition="-1" backgroundColor="#200d1940"/>
 
 
		<!-- Title & Titelicon -->
		<widget source="Title" render="Label" position="20,6" size="710,30" zPosition="1" halign="center" font="Regular;29" backgroundColor="background" shadowColor="black" shadowOffset="-2,-2" transparent="1"/>
		<ePixmap position="700,6" size="32,32" pixmap="BlueDreamHD/menu/language32x32.png" alphatest="blend"/>
		<ePixmap position="25,10" size="15,20" pixmap="BlueDreamHD/menu/arrow.png" alphatest="blend"/>
 
		<!-- Languages Listbox -->
		<widget source="languages" render="Listbox" position="20,65" size="710,455" zPosition="1" scrollbarMode="showOnDemand" selectionPixmap="BlueDreamHD/selpic.png" backgroundPixmap="BlueDreamHD/sel_bg.png" transparent="1">
			<convert type="TemplatedMultiContent">
				{"template": [
						MultiContentEntryPixmap(pos = (20, 10), size = (60, 40), png = 2), # index 2 is the pixmap,
						MultiContentEntryText(pos = (100, 17), size = (340, 30), flags = RT_HALIGN_LEFT, text = 1), # index 1 is the language name
					],
				 "fonts": [gFont("Regular", 26)],
				 "itemHeight": 65
				}
			</convert>
		</widget>
	</screen>

LanguageSelection im Vergleich

LanguageSelection im Skin Default-HD des OE2.0

LanguageSelection 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