PluginBrowser 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!

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

Inhaltsverzeichnis

Vorher/Nachher-Vergleich

PluginBrowser im Skin Default-HD des OE2.0
PluginBrowser im Skin BluedreamHD des OE2.0

PluginBrowser im Defaultskin

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

	<!-- Plugin browser -->
	<screen name="PluginBrowser" position="center,center" size="750,600" title="Plugin browser" 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)-->
		<eLabel text="Plugins" position="20,6" size="710,30" zPosition="1" halign="center" font="Regular;29" transparent="1" />
		<ePixmap position="690,7" size="35,35" pixmap="BlueDreamHD/menu/system-run32x32.png" alphatest="blend"/>
		<ePixmap position="25,10" size="15,20" pixmap="BlueDreamHD/menu/arrow.png" alphatest="on"/>
 
		<widget source="pluginlist" render="Listbox" position="20,80" size="710,450" scrollbarMode="showNever" enableWrapAround="1"  selectionPixmap="BlueDreamHD/selpic.png" >
			<convert type="TemplatedMultiContent">
			{"templates":
				{"default": (50,[
						MultiContentEntryText(pos = (120, 5), size = (320, 25), font = 0, text = 1), # index 1 is the plugin.name
						MultiContentEntryText(pos = (120, 26), size = (320, 17), font = 1, text = 2), # index 2 is the plugin.description
						MultiContentEntryPixmapAlphaTest(pos = (10, 5), size = (100, 40), png = 3), # index 3 is the icon
					]),
				},
				"fonts": [gFont("Regular", 20), gFont("Regular", 14)],
				"itemHeight": 50
			}
			</convert>
		</widget>
 
		<!-- Buttons & Keycode for Timer2 List-->
		<ePixmap pixmap="BlueDreamHD/buttons/red.png" position="50,570" size="25,25" alphatest="on"/>
		<ePixmap pixmap="BlueDreamHD/buttons/green.png" position="315,570" size="25,25" alphatest="on"/>
		<widget name="red" position="100,570" size="200,25" font="Regular;24" halign="left" backgroundColor="background" transparent="1"/>
		<widget name="green" position="330,570" size="200,25" font="Regular;24" halign="left" backgroundColor="background" transparent="1"/>
	</screen>



PluginBrowser im BluedreamHD

Mir gefiel diese Art dazu wesentlich besser..

	<!-- About screen -->
	<screen name="About" position="center,center" size="750,600" title="About" 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)-->
		<eLabel text="About" position="20,8" size="710,30" zPosition="1" halign="center" font="Regular;30"/>
		<ePixmap position="690,5" size="35,35" pixmap="BlueDreamHD/menu/info32x32.png" alphatest="blend"/>
		<ePixmap position="30,10" size="15,20" pixmap="BlueDreamHD/menu/arrow.png" alphatest="on"/>
 
		<!--(Dreamboxinfo)-->
		<widget source="EnigmaVersion" render="Label" position="20,60" size="560,26" font="Regular;24" />
		<widget source="ImageVersion" render="Label" position="20,100" size="560,26" font="Regular;24" />
		<widget source="FPVersion" render="Label" position="20,140" size="560,26" font="Regular;24" />
		<widget source="TunerHeader" render="Label" position="20,190" size="560,26" font="Regular;24" />
		<widget source="Tuner0" render="Label" position="30,235" size="550,24" font="Regular;22" />
		<widget source="Tuner1" render="Label" position="30,260" size="550,24" font="Regular;22" />
		<widget source="Tuner2" render="Label" position="30,285" size="550,24" font="Regular;22" />
		<widget source="Tuner3" render="Label" position="30,310" size="550,24" font="Regular;22" />
		<widget source="HDDHeader" render="Label" position="20,365" size="560,26" font="Regular;24" />
		<widget source="hddA" render="Label" position="30,400" size="550,45" font="Regular;22" />
		<widget source="IPHeader" render="Label" position="20,465" size="560,26" font="Regular;24" />
		<widget source="ipA" render="Label" position="30,490" size="550,45" font="Regular;22" />
 
		<!--(Egle & DMM-Logo)-->
		<ePixmap pixmap="BlueDreamHD/icons/EgLe.png" position="535,300" size="190,190" alphatest="blend"/>
		<ePixmap pixmap="BlueDreamHD/icons/dmm_logo.png" position="370,505" size="350,44" alphatest="blend"/>
 
		<!--(Button & Infotext)-->
		<ePixmap pixmap="BlueDreamHD/buttons/green.png" position="50,570" size="25,25" alphatest="on"/>
		<eLabel text="Info" position="95,570" size="70,25" zPosition="1" halign="left" font="Regular;23"/>
	</screen>

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
  • Um die automatische Sprachübersetzungen im Titel zu erreichen gab es mal wieder gute Hilfe: Multilanguage im Pluginmanager und Pluginbrowser?