ChannelSelection im Skin erstellen: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
EgLe (Diskussion | Beiträge) |
Mfgeg (Diskussion | Beiträge) |
||
(2 dazwischenliegende Versionen von einem anderen Benutzer werden nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
− | |||
− | |||
− | |||
− | |||
− | |||
{{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!}} | ||
− | |||
− | |||
Der Screen '''name="ChannelSelection"''' ist das Fenster welches erscheint wenn wir die Kanalliste für das TV Programm auswählen. | Der Screen '''name="ChannelSelection"''' ist das Fenster welches erscheint wenn wir die Kanalliste für das TV Programm auswählen. | ||
− | + | == Vorher/Nachher-Vergleich == | |
− | + | {| | |
+ | |[[Bild:ChannelSelection.Defaut-HD.skin.jpg|left|thumb|440px|ChannelSelection im Skin Default-HD des OE2.0]] || | ||
+ | |[[Bild:ChannelSelection.BluedreamHD.skin.jpg|right|thumb|440px|ChannelSelection im Skin BluedreamHD des OE2.0]] || | ||
+ | |} | ||
== ChannelSelection im Defaultskin == | == ChannelSelection im Defaultskin == | ||
Zeile 80: | Zeile 76: | ||
<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"/> | <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 | + | <!--BlueDreamHDServiceNameOrbital ((not for CVS-Skin/Image available)) --> |
<widget source="ServiceEvent" render="Label" position="370,565" size="300,20" font="Regular;22" halign="right" foregroundColor="blue" transparent="1" > | <widget source="ServiceEvent" render="Label" position="370,565" size="300,20" font="Regular;22" halign="right" foregroundColor="blue" transparent="1" > | ||
<convert type="BlueDreamHDServiceNameOrbital"></convert> | <convert type="BlueDreamHDServiceNameOrbital"></convert> | ||
</widget> | </widget> | ||
− | <!-- BlueDreamHDNextEvent ((not for CVS-Skin/Image | + | <!-- BlueDreamHDNextEvent ((not for CVS-Skin/Image available)) --> |
<widget source="ServiceEvent" render="BlueDreamHDNextEvent" position="40,565" size="640,45" font="Regular;22" foregroundColor="foreyellow" shadowColor="black" shadowOffset="-2,-2" transparent="1"/> | <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 | + | <!-- BlueDreamHDNextEvent ((not for CVS-Skin/Image available)) --> |
<widget alphatest="blend" position="750,60" render="Picon" size="100,60" source="ServiceEvent" transparent="1" zPosition="5"> | <widget alphatest="blend" position="750,60" render="Picon" size="100,60" source="ServiceEvent" transparent="1" zPosition="5"> | ||
<convert type="BlueDreamHDRefString">ServicelistRef</convert> | <convert type="BlueDreamHDRefString">ServicelistRef</convert> | ||
</widget> | </widget> | ||
− | <!-- BlueDreamHDServiceNameOrbital ((not for CVS-Skin/Image | + | <!-- BlueDreamHDServiceNameOrbital ((not for CVS-Skin/Image available)) --> |
<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" > | <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> | <convert type="BlueDreamHDServiceNameOrbital"></convert> | ||
Zeile 146: | Zeile 142: | ||
</screen> | </screen> | ||
</syntaxhighlight> | </syntaxhighlight> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
{{Hinweis|Für die Darstellung der Orbitalanzeige sowie welche Sendung als nächstes kommt wurden Renderer/Converter verwendet!.}} | {{Hinweis|Für die Darstellung der Orbitalanzeige sowie welche Sendung als nächstes kommt wurden Renderer/Converter verwendet!.}} | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
== Weitere Infos zum Menü skinnen == | == Weitere Infos zum Menü skinnen == | ||
Zeile 174: | Zeile 150: | ||
Auch gibt es weiter Hilfe im Forum wo es für das Skinnen selbst einen eigenen Bereich gibt inkl. Workshops. | Auch gibt es weiter Hilfe im Forum wo es für das Skinnen selbst einen eigenen Bereich gibt inkl. Workshops. | ||
+ | |||
+ | [[Kategorie:BlueDreamHD]] |
Aktuelle Version vom 7. September 2013, 21:51 Uhr
An diesem Artikel wird derzeit gearbeitet. Achtung: Der Artikel kann unvollständig und fehlerhaft sein! |
Der Screen name="ChannelSelection" ist das Fenster welches erscheint wenn wir die Kanalliste für das TV Programm auswählen.
Inhaltsverzeichnis
Vorher/Nachher-Vergleich
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 available)) --> <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 available)) --> <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 available)) --> <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 available)) --> <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>
Für die Darstellung der Orbitalanzeige sowie welche Sendung als nächstes kommt wurden Renderer/Converter verwendet!. |
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.