GraphMultiEPG 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="GraphMultiEPG"''' erreicht man z.B. mit einem Langem Druck auf die Info-Taste und dann eben im nächsten Fenster den ersten Punkt '''"Grafischer Multi-EPG"''' auswählen..
 
Der Screen '''name="GraphMultiEPG"''' erreicht man z.B. mit einem Langem Druck auf die Info-Taste und dann eben im nächsten Fenster den ersten Punkt '''"Grafischer Multi-EPG"''' auswählen..
 
+
== Vorher/Nachher-Vergleich ==
 
+
{|
 +
|[[Bild:GraphMultiEPG.Defaut-HD.skin.jpg|left|thumb|440px|GraphMultiEPG im Skin Default-HD des OE2.0]] ||
 +
|[[Bild:GraphMultiEPG.BluedreamHD.skin.jpg|right|thumb|440px|GraphMultiEPG im Skin BluedreamHD des OE2.0]] ||
 +
|}
  
 
== GraphMultiEPG im Defaultskin ==
 
== GraphMultiEPG im Defaultskin ==
Zeile 134: Zeile 127:
 
</screen>
 
</screen>
 
</syntaxhighlight>
 
</syntaxhighlight>
 
== GraphMultiEPG im Vergleich ==
 
 
{|
 
|[[Bild:GraphMultiEPG.Defaut-HD.skin.jpg|left|thumb|440px|GraphMultiEPG im Skin Default-HD des OE2.0]] ||
 
|[[Bild:GraphMultiEPG.BluedreamHD.skin.jpg|right|thumb|440px|GraphMultiEPG im Skin BluedreamHD des OE2.0]] ||
 
|}
 
 
 
  
  
Zeile 151: Zeile 135:
  
 
* 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, 21:55 Uhr

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

Der Screen name="GraphMultiEPG" erreicht man z.B. mit einem Langem Druck auf die Info-Taste und dann eben im nächsten Fenster den ersten Punkt "Grafischer Multi-EPG" auswählen..

Vorher/Nachher-Vergleich

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

GraphMultiEPG im Defaultskin

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

	<!-- Graphical Multi EPG -->
	<screen name="GraphMultiEPG" position="center,80" size="1180,590" title="Electronic Program Guide">
		<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" />
		<ePixmap pixmap="Default-HD/buttons/yellow.png" position="410,5" size="200,40" alphatest="on" />
		<ePixmap pixmap="Default-HD/buttons/blue.png" position="610,5" size="200,40" alphatest="on" />
		<widget name="key_red" 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 name="key_green" position="210,5" size="200,40" zPosition="1" font="Regular;20" halign="center" valign="center" backgroundColor="#1f771f" transparent="1" shadowColor="black" shadowOffset="-2,-2" />
		<widget source="global.CurrentTime" render="Label" position="1090,12" size="80,24" font="Regular;24" halign="right" backgroundColor="background" shadowColor="black" shadowOffset="-2,-2" transparent="1">
			<convert type="ClockToText"></convert>
		</widget>
		<eLabel position="10,50" size="1160,1" backgroundColor="grey" />
		<widget name="timeline_text" position="0,55" size="1180,25" />
		<widget name="list" position="10,85" size="1160,360" itemHeight="60" EntryBorderColor="#071930" EntryBackgroundColor="#2f4964" EntryBackgroundColorSelected="#4176b6" scrollbarMode="showOnDemand" />
		<widget name="timeline0" position="0,85" size="1,360" pixmap="Default-HD/timeline.png" />
		<widget name="timeline1" position="0,85" size="1,360" pixmap="Default-HD/timeline.png" />
		<widget name="timeline2" position="0,85" size="1,360" pixmap="Default-HD/timeline.png" />
		<widget name="timeline3" position="0,85" size="1,360" pixmap="Default-HD/timeline.png" />
		<widget name="timeline4" position="0,85" size="1,360" pixmap="Default-HD/timeline.png" />
		<widget name="timeline5" position="0,85" size="1,360" pixmap="Default-HD/timeline.png" />
		<widget name="timeline_now" position="0,83" zPosition="2" size="19,364" pixmap="Default-HD/timeline-now.png" alphatest="on" />
		<eLabel position="235,85" size="1,360" backgroundColor="grey" />
		<eLabel position="10,84" size="1160,1" backgroundColor="grey" />
		<eLabel position="10,145" size="225,1" backgroundColor="grey" />
		<eLabel position="10,205" size="225,1" backgroundColor="grey" />
		<eLabel position="10,265" size="225,1" backgroundColor="grey" />
		<eLabel position="10,325" size="225,1" backgroundColor="grey" />
		<eLabel position="10,385" size="225,1" backgroundColor="grey" />
		<eLabel position="10,445" size="1160,1" backgroundColor="grey" />
		<widget source="Event" render="Label" position="10,453" size="350,44" font="Regular;20">
			<convert type="EventName">Name</convert>
		</widget>
		<widget source="Event" render="Label" position="10,506" size="50,22" font="Regular;18">
			<convert type="EventTime">StartTime</convert>
			<convert type="ClockToText"></convert>
		</widget>
		<widget source="Event" render="Label" position="60,506" size="70,22" font="Regular;18">
			<convert type="EventTime">EndTime</convert>
			<convert type="ClockToText">Format:- %H:%M</convert>
		</widget>
		<widget source="Event" render="Progress" position="10,535" size="120,12" pixmap="skin_default/progress_medium.png" borderWidth="2" borderColor="#cccccc">
			<convert type="EventTime">Progress</convert>
		</widget>
		<widget source="Event" render="Label" position="10,554" size="350,20" font="Regular;18" noWrap="1">
			<convert type="EventTime">StartTime</convert>
			<convert type="ClockToText">Format:(%A)</convert>
		</widget>
		<widget source="Event" render="Label" position="370,453" size="800,132" font="Regular;19" foregroundColor="#cccccc">
			<convert type="EventName">ExtendedDescription</convert>
		</widget>
	</screen>



GraphMultiEPG im BluedreamHD

Mir gefiel diese Art dazu wesentlich besser..

	<!-- Graphical Multi EPG -->
	<screen name="GraphMultiEPG" position="center,center" size="1100,625" title="Electronic Program Guide" backgroundColor="transparent" flags="wfNoBorder">
 
		<!-- Background -->
		<ePixmap position="0,0" size="1100,625" zPosition="-5" pixmap="BlueDreamHD/bg_1100x625.png"/>
		<eLabel  position="10,46" size="1080,540" zPosition="-1" backgroundColor="#200d1940"/>
 
		<!-- Title & Titelicon -->
		<eLabel text="Electronic Program Guide" position="50,5" size="1000,30" halign="center" font="Regular;28" backgroundColor="background" shadowColor="black" shadowOffset="-2,-2" transparent="1"/>
		<ePixmap position="1030,5" size="32,32" pixmap="BlueDreamHD/menu/TV32x32.png" alphatest="on"/>
		<ePixmap position="35,7" size="15,20" pixmap="BlueDreamHD/menu/arrow.png" alphatest="blend"/>
 
		<widget name="timeline_text" position="0,65" size="1100,27" zPosition="1" backgroundColor="background" transparent="1"/>
		<widget name="list" position="20,102" size="1060,270" itemHeight="45" zPosition="1" backgroundPixmap="BlueDreamHD/sep1080.png" transparent="1" EntryBorderColor="#071930" EntryBackgroundColor="#25344452" EntryBackgroundColorSelected="#25688caf" scrollbarMode="showOnDemand" />
		<widget name="timeline0" position="0,102" zPosition="1" size="1,270" pixmap="skin_default/timeline.png" />
		<widget name="timeline1" position="0,102" zPosition="1" size="1,270" pixmap="skin_default/timeline.png" />
		<widget name="timeline2" position="0,102" zPosition="1" size="1,270" pixmap="skin_default/timeline.png" />
		<widget name="timeline3" position="0,102" zPosition="1" size="1,270" pixmap="skin_default/timeline.png" />
		<widget name="timeline4" position="0,102" zPosition="1" size="1,270" pixmap="skin_default/timeline.png" />
		<widget name="timeline5" position="0,102" zPosition="1" size="1,270" pixmap="skin_default/timeline.png" />
		<widget name="timeline_now" position="0,101" zPosition="2" size="19,272" pixmap="skin_default/timeline-now.png" alphatest="on" />
		<eLabel position="20,380" size="1060,1" backgroundColor="white" />
		<widget source="Event" render="Label" position="20,390" size=" 60,24" font="Regular;22" backgroundColor="background" transparent="1">
			<convert type="EventTime">StartTime</convert>
			<convert type="ClockToText"></convert>
		</widget>
		<widget source="Event" render="Label" position="80,390" size=" 80,24" font="Regular;22" backgroundColor="background" transparent="1">
			<convert type="EventTime">EndTime</convert>
			<convert type="ClockToText">Format:- %H:%M</convert>
		</widget>
		<widget source="Event" render="Progress" position="165,395" size="100,12" borderWidth="2" borderColor="#cccccc">
			<convert type="EventTime">Progress</convert>
		</widget>
		<widget source="Event" render="Label" position="280,390" size="120,24" font="Regular;21" noWrap="1" backgroundColor="background" transparent="1">
			<convert type="EventTime">StartTime</convert>
			<convert type="ClockToText">Format:(%A)</convert>
		</widget>
		<widget source="Event" render="Label" position="20,430" size="380,78" font="Regular;24" foregroundColor="yellow" backgroundColor="background" transparent="1">
			<convert type="EventName">Name</convert>
		</widget>
		<widget source="Event" render="Label" position="410,390" size="670,177" font="Regular;20" foregroundColor="#cccccc" backgroundColor="background" transparent="1">
			<convert type="EventName">ExtendedDescription</convert>
		</widget>
 
		<!-- Buttons & Keycode -->
		<ePixmap pixmap="BlueDreamHD/buttons/red.png" position="55,595" size="25,25" alphatest="on"/>
		<ePixmap pixmap="BlueDreamHD/buttons/green.png" position="280,595" size="25,25" alphatest="on"/>
		<widget name="key_red" position="105,595" zPosition="1" size="150,25" font="Regular;23" halign="left" backgroundColor="background" transparent="1" />
		<widget name="key_green" position="330,595" zPosition="1" size="240,25" font="Regular;23" halign="left" backgroundColor="background" transparent="1" />
 
		<ePixmap pixmap="BlueDreamHD/buttons/info.png" position="20,555" size="70,30" alphatest="on"/>
		<ePixmap pixmap="BlueDreamHD/buttons/menu.png" position="100,555" size="70,30" alphatest="on"/>
	</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