PluginDetails im Skin erstellen: Unterschied zwischen den Versionen

Aus Gemini-Wiki
Zur Navigation springen Zur Suche springen
(Die Seite wurde neu angelegt: „Kategorie:Enigma2 Kategorie:Skin Kategorie:Anleitungen Kategorie:Grundlagen {{Baustelle|An diesem Artikel wird derzeit gearbeitet. Achtung: De…“)
 
 
(Eine dazwischenliegende Version von einem anderen Benutzer wird nicht angezeigt)
Zeile 1: Zeile 1:
[[Kategorie:Enigma2]]
 
[[Kategorie:Skin]]
 
[[Kategorie:Anleitungen]]
 
[[Kategorie:Grundlagen]]
 
 
 
{{Baustelle|An diesem Artikel wird derzeit gearbeitet. Achtung: Der Artikel kann '''unvollständig''' und '''fehlerhaft''' sein!}}
 
{{Baustelle|An diesem Artikel wird derzeit gearbeitet. Achtung: Der Artikel kann '''unvollständig''' und '''fehlerhaft''' sein!}}
 
 
 
== Einleitung ==
 
 
 
Der Screen '''name="PluginDetails"''' kann erreicht werden in dem man im Menü auf Erweiterungen geht, und dort auf mittels der roten Taste die Erweiterungsverwaltung (PluginManager) aufruft. Dann wählt man ein Addon aus und drückt dann die Infotaste oder die gelbe Taste für Details, das Fenster welches nun erscheint ist das '''"PluginDetails"'''.
 
Der Screen '''name="PluginDetails"''' kann erreicht werden in dem man im Menü auf Erweiterungen geht, und dort auf mittels der roten Taste die Erweiterungsverwaltung (PluginManager) aufruft. Dann wählt man ein Addon aus und drückt dann die Infotaste oder die gelbe Taste für Details, das Fenster welches nun erscheint ist das '''"PluginDetails"'''.
 
+
== Vorher/Nachher-Vergleich ==
 
+
{|
 
+
|[[Bild:PluginDetails.Defaut-HD.skin.jpg|left|thumb|440px|PluginDetails im Skin Default-HD des OE2.0]] ||
 +
|[[Bild:PluginDetails.BluedreamHD.skin.jpg|right|thumb|440px|PluginDetails im Skin BluedreamHD des OE2.0]] ||
 +
|}
 
== PluginDetails im Defaultskin ==
 
== PluginDetails im Defaultskin ==
  
Zeile 69: Zeile 61:
 
</screen>
 
</screen>
 
</syntaxhighlight>
 
</syntaxhighlight>
 
== PluginDetails im Vergleich ==
 
 
{|
 
|[[Bild:PluginDetails.Defaut-HD.skin.jpg|left|thumb|440px|PluginDetails im Skin Default-HD des OE2.0]] ||
 
|[[Bild:PluginDetails.BluedreamHD.skin.jpg|right|thumb|440px|PluginDetails im Skin BluedreamHD des OE2.0]] ||
 
|}
 
 
 
 
 
 
== Kurzerklärung der XML ==
 
== Kurzerklärung der XML ==
 
 
 
* Wie man hier erkennen kann wird mittels dem Aussdruck "'''ePixmap pixmap"''' ein Grafik geladen.
 
* 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
  
* Mittels dem Ausdruck '''"zPosition"''' können wir die Grafiken auch in unterschiedlichen Ebenen über oder Untereinander gelegt darstellen lassen
+
[[Kategorie:BlueDreamHD]]

Aktuelle Version vom 7. September 2013, 22:37 Uhr

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

Der Screen name="PluginDetails" kann erreicht werden in dem man im Menü auf Erweiterungen geht, und dort auf mittels der roten Taste die Erweiterungsverwaltung (PluginManager) aufruft. Dann wählt man ein Addon aus und drückt dann die Infotaste oder die gelbe Taste für Details, das Fenster welches nun erscheint ist das "PluginDetails".

Vorher/Nachher-Vergleich

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

PluginDetails im Defaultskin

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

	<screen name="PluginDetails" position="center,120" size="820,520" title="Plugin details">
		<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"/>
		<widget source="key_red" render="Label" 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 source="key_green" render="Label" position="210,5" size="200,40" zPosition="1" font="Regular;20" halign="center" valign="center" backgroundColor="#1f771f" transparent="1" shadowColor="black" shadowOffset="-2,-2"/>
		<eLabel	position="10,50" size="800,1" backgroundColor="grey"/>
		<widget name="statuspic" position="20,55" size="48,48" alphatest="on"/>
		<widget source="author" render="Label" position="100,65" size="700,30" font="Regular;25" backgroundColor="background"/>
		<eLabel	position="10,110" size="800,1" backgroundColor="grey"/>
		<widget name="detailtext" position="10,120" size="490,380" font="Regular;23" backgroundColor="background" transparent="1"/>
		<widget name="screenshot" position="510,120" size="280,210" alphatest="on"/>
		<widget name="divpic" position="0,0" size="0,0"/>
	</screen>



PluginDetails im BluedreamHD

Mir gefiel diese Art dazu wesentlich besser..

	<!-- PluginDetails -->
	<screen name="PluginDetails" position="center,center" size="750,600" title="Plugin details" 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" transparent="1" />
		<ePixmap position="690,7" size="35,35" pixmap="BlueDreamHD/menu/software_manager32x32.png" alphatest="blend"/>
 
 
		<eLabel position="10,50" size="730,1" backgroundColor="grey"/>
		<widget name="statuspic" position="20,55" size="48,48" alphatest="on"/>
		<widget source="author" render="Label" position="100,65" size="700,30" font="Regular;25" backgroundColor="background"/>
		<eLabel position="10,110" size="730,1" backgroundColor="grey"/>
		<widget name="detailtext" position="15,140" size="435,380" font="Regular;23" backgroundColor="background" transparent="1"/>
		<widget name="screenshot" position="455,140" size="280,210" alphatest="on"/>
		<widget name="divpic" position="0,0" size="0,0"/>
 
		<!-- Buttons & Keycode -->
		<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 source="key_red" render="Label" position="100,570" size="200,25" font="Regular;24" halign="left" backgroundColor="background" transparent="1" shadowColor="black" shadowOffset="-2,-2"/>
		<widget source="key_green" render="Label" position="365,570" size="200,25" font="Regular;24" halign="left" backgroundColor="background" transparent="1" shadowColor="black" shadowOffset="-2,-2"/>
	</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