ChannelSelection im Skin erstellen: Unterschied zwischen den Versionen

Aus Gemini-Wiki
Zur Navigation springen Zur Suche springen
Zeile 147: Zeile 147:
 
</syntaxhighlight>
 
</syntaxhighlight>
  
== Main menu im Vergleich ==
+
== ChannelSelection im Vergleich ==
  
 
{|
 
{|
Zeile 156: Zeile 156:
  
  
{{Hinweis|Im neuen OE 2.0 wurde auch die Menüstruktur der menu.xml verbessert so können wir nun im Gegensatz zum alten OE 1.6 einfach ins Verzeichnis '''menu''' unsere Menübilder mit dem entsprechendem Funktions-Namen kopieren und diese werden dann automatisch ausgewählt.}}
+
{{Hinweis|Für die Darstellung der Orbitalanzeige sowie welche Sendung als nächstes kommt wurden Renderer/Converter verwendet!.}}
  
  

Version vom 13. Januar 2013, 11:32 Uhr


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

Einleitung

Der Screen name="ChannelSelection" ist das Fenster welches erscheint wenn wir die Kanalliste für das TV Programm auswählen.


ChannelSelection im Defaultskin

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

	<!-- Channel selection - TV -->
	<screen name="ChannelSelection" position="center,120" size="1100,520" title="Channel Selection">
		<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 name="key_yellow" position="410,5" size="200,40" zPosition="1" font="Regular;20" halign="center" valign="center" backgroundColor="#a08500" transparent="1" shadowColor="black" shadowOffset="-2,-2" />
		<widget name="key_blue" position="610,5" size="200,40" zPosition="1" font="Regular;20" halign="center" valign="center" backgroundColor="#18188b" transparent="1" shadowColor="black" shadowOffset="-2,-2" />
		<widget source="global.CurrentTime" render="Label" position="1010,12" size="80,24" font="Regular;24" halign="right" backgroundColor="background" shadowColor="black" shadowOffset="-2,-2" transparent="1">
			<convert type="ClockToText"></convert>
		</widget>
		<widget name="list" position="10,60" size="800,450" scrollbarMode="showOnDemand" backgroundColor="background" transparent="1" serviceItemHeight="30" serviceInfoFont="Regular;19" colorServiceDescription="grey" colorServiceDescriptionSelected="grey2" foregroundColorServiceNotAvail="red" picServiceEventProgressbar="Default-HD/progcl.png" colorEventProgressbarBorder="grey" colorEventProgressbarBorderSelected="white" />
		<eLabel position="10,50" size="1080,1" backgroundColor="grey" />
		<eLabel position="820,50" size="1,470" backgroundColor="grey" />
		<widget source="ServiceEvent" render="Label" position="830,60" size="260,45" font="Regular;20">
			<convert type="ServiceName">Name</convert>
		</widget>
		<widget source="ServiceEvent" render="Label" position="830,113" size="260,45" font="Regular;20">
			<convert type="EventName">Name</convert>
		</widget>
		<widget source="ServiceEvent" render="Label" position="826,171" size="60,22" font="Regular;20" halign="right">
			<convert type="EventTime">StartTime</convert>
			<convert type="ClockToText"></convert>
		</widget>
		<widget source="ServiceEvent" render="Label" position="892,171" size="75,22" font="Regular;20">
			<convert type="EventTime">EndTime</convert>
			<convert type="ClockToText">Format:- %H:%M</convert>
		</widget>
		<widget source="ServiceEvent" render="Progress" position="975,177" pixmap="skin_default/progress_medium.png" size="80,11" borderWidth="2" borderColor="#cccccc">
			<convert type="EventTime">Progress</convert>
		</widget>
		<widget source="ServiceEvent" render="Label" position="830,205" size="265,310" font="Regular;19" foregroundColor="grey">
			<convert type="EventName">ExtendedDescription</convert>
		</widget>
	</screen>



ChannelSelection im BluedreamHD

Hier wurden nun einige Anpassungen und Änderungen vorgenommen.


	<!-- Channel selection - TV -->
	<screen name="ChannelSelection" position="center,center" size="1180,660" title="Channel Selection" flags="wfNoBorder">
 
		<!-- Background -->
		<ePixmap position="0,0" size="1180,660" zPosition="-1" pixmap="BlueDreamHD/bg_1180x660.png"/>
		<eLabel  position="10,46" size="1160,575" zPosition="-1" backgroundColor="#200d1940"/>
 
		<!--(Title & Titelicon)-->
		<eLabel text="Channel Selection" position="50,8" size="1050,30" halign="center" font="Regular;30" shadowColor="black" shadowOffset="-2,-2" transparent="1"/>
		<ePixmap position="1105,5" size="35,35" pixmap="BlueDreamHD/menu/TV32x32.png" alphatest="on"/>
		<ePixmap position="35,10" size="15,20" pixmap="BlueDreamHD/menu/arrow.png" alphatest="blend"/> 
 
		<!-- Channel List -->
		<widget name="list" position="20,65" size="710,480" scrollbarMode="showOnDemand" foregroundColorServiceNotAvail="grey" colorServiceDescription="lightgrey" selectionPixmap="BlueDreamHD/selpic.png" serviceItemHeight="32" serviceNumberFont="Regular;25" serviceNameFont="Regular;25" serviceInfoFont="Regular;20" transparent="1"/>
 
		<!--BlueDreamHDServiceNameOrbital ((not for CVS-Skin/Image avaible)) -->
		<widget source="ServiceEvent" render="Label" position="370,565" size="300,20" font="Regular;22" halign="right" foregroundColor="blue" transparent="1" >
			<convert type="BlueDreamHDServiceNameOrbital"></convert>
		</widget>
 
		<!-- BlueDreamHDNextEvent ((not for CVS-Skin/Image avaible)) -->
		<widget source="ServiceEvent" render="BlueDreamHDNextEvent" position="40,565" size="640,45" font="Regular;22" foregroundColor="foreyellow" shadowColor="black" shadowOffset="-2,-2" transparent="1"/>
 
		<!-- BlueDreamHDNextEvent ((not for CVS-Skin/Image avaible)) -->
		<widget alphatest="blend" position="750,60" render="Picon" size="100,60" source="ServiceEvent" transparent="1" zPosition="5">
			<convert type="BlueDreamHDRefString">ServicelistRef</convert>
		</widget>
 
		<!-- BlueDreamHDServiceNameOrbital ((not for CVS-Skin/Image avaible)) -->
		<widget source="ServiceEvent" render="Label" position="750,130" size="320,26" font="Regular;25" noWrap="1" halign="left" foregroundColor="blue" shadowColor="black" shadowOffset="-2,-2" transparent="1" >
			<convert type="BlueDreamHDServiceNameOrbital"></convert>
		</widget>
 
		<!-- Event Name -->
		<widget source="ServiceEvent" render="Label" position="750,150" zPosition="1" size="320,68" font="Regular;22" valign="center" shadowColor="black" shadowOffset="-1,-1" halign="left" noWrap="1" transparent="1">
			<convert type="EventName">Name</convert>
		</widget>
 
		<!-- Start Time -->
		<widget source="ServiceEvent" render="Label" position="750,227" zPosition="1" size="60,24" font="Regular;22" transparent="1">
			<convert type="EventTime">StartTime</convert>
			<convert type="ClockToText"></convert>
		</widget>
 
		<!-- End Time -->
		<widget source="ServiceEvent" render="Label" position="810,227" zPosition="1" size="80,24" font="Regular;22" transparent="1">
			<convert type="EventTime">EndTime</convert>
			<convert type="ClockToText">Format:- %H:%M</convert>
		</widget>
 
		<!-- Progressbar -->
		<widget source="ServiceEvent" render="Progress" position="890,233" zPosition="1" pixmap="BlueDreamHD/icons/progress_fr.png" size="100,12" borderWidth="1" borderColor="#cccccc" >
			<convert type="EventTime">Progress</convert>
		</widget>
 
		<!-- Remaining Time -->
		<widget source="ServiceEvent" render="Label" position="1000,227" zPosition="1" size="90,24" font="Regular;22" transparent="1" >
			<convert type="EventTime">Remaining</convert>
			<convert type="RemainingToText">InMinutes</convert>
		</widget>
 
		<!-- ExtendedDescription -->
		<widget source="ServiceEvent" render="Label" position="750,258" zPosition="1" size="350,300" font="Regular;22" foregroundColor="foreyellow" shadowColor="black" shadowOffset="-2,-2" transparent="1"> 
			<convert type="EventName">ExtendedDescription</convert>
		</widget>
 
		<!-- Menu Buttons -->
		<ePixmap pixmap="BlueDreamHD/buttons/info.png" position=" 990,587" size="70,30" alphatest="on"/>
		<ePixmap pixmap="BlueDreamHD/buttons/menu.png" position="1070,587" size="70,30" alphatest="on"/>
 
		<!-- Buttons & Keycode -->
		<ePixmap pixmap="BlueDreamHD/buttons/red.png" position="55,630" size="25,25" alphatest="on"/>
		<ePixmap pixmap="BlueDreamHD/buttons/green.png" position="340,630" size="25,25" alphatest="on"/>
		<ePixmap pixmap="BlueDreamHD/buttons/yellow.png" position="625,630" size="25,25" alphatest="on"/>
		<ePixmap pixmap="BlueDreamHD/buttons/blue.png" position="920,630" size="25,25" alphatest="on"/>
		<widget name="key_red" position="105,627" zPosition="1" size="200,25" font="Regular;23" halign="left" backgroundColor="background" transparent="1" />
		<widget name="key_green" position="390,627" zPosition="1" size="200,25" font="Regular;23" halign="left" backgroundColor="background" transparent="1" />
		<widget name="key_yellow" position="675,627" zPosition="1" size="200,25" font="Regular;23" halign="left" backgroundColor="background" transparent="1" />
		<widget name="key_blue" position="970,627" zPosition="1" size="200,25" font="Regular;23" halign="left" backgroundColor="background" transparent="1" />
	</screen>

ChannelSelection im Vergleich

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


Ambox notice.png Für die Darstellung der Orbitalanzeige sowie welche Sendung als nächstes kommt wurden Renderer/Converter verwendet!.



Kurzerklärung der XML



Weitere Infos zum Menü skinnen

Weiter Hilfreich sind ie Varianten von den verschiedenen Skins selbst, schaut Sie euch ruhig mal an.

Auch gibt es weiter Hilfe im Forum wo es für das Skinnen selbst einen eigenen Bereich gibt inkl. Workshops.