ChannelSelection im Skin erstellen
Version vom 12. Januar 2013, 12:57 Uhr von EgLe (Diskussion | Beiträge) (Die Seite wurde neu angelegt: „Kategorie:Enigma2 Kategorie:Skin Kategorie:Anleitungen Kategorie:Grundlagen {{Baustelle|An diesem Artikel wird derzeit gearbeitet. Achtung: De…“)
An diesem Artikel wird derzeit gearbeitet. Achtung: Der Artikel kann unvollständig und fehlerhaft sein! |
Inhaltsverzeichnis
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
Da Mir das Menü des DefaultHD-Skin sehr gut gefallen hat habe ich dies soweit übernommen mit Ausnahme eines eigene Hintergrundbildes und kleiner Anpassungen diesbezüglich.
<!-- 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>
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.