Mediaplayer im Skin erstellen: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
EgLe (Diskussion | Beiträge) |
EgLe (Diskussion | Beiträge) |
||
Zeile 49: | Zeile 49: | ||
'''Merke:''' also die Grafiken sollten immer die gewünschte Größen haben da diese nicht skaliert werden! | '''Merke:''' also die Grafiken sollten immer die gewünschte Größen haben da diese nicht skaliert werden! | ||
}} | }} | ||
+ | |||
+ | |||
+ | Zurück zum [[#top | Inhaltsverzeichnis:]] | ||
+ | |||
+ | |||
+ | |||
+ | == Title == | ||
+ | |||
+ | Nun geben wir hiermit dem Screen Mediaokayer einen Titel und positionieren diesen im Oberen Bereich der Grafik | ||
+ | |||
+ | |||
+ | <syntaxhighlight lang="xml"> | ||
+ | <!-- Title --> | ||
+ | <widget source="Title" render="Label" position="50,5" size="1000,32" halign="center" font="Regular;30" backgroundColor="background" shadowColor="black" shadowOffset="-2,-2" transparent="1"/> | ||
+ | </syntaxhighlight> | ||
+ | |||
+ | |||
+ | |||
+ | {| | ||
+ | |[[Bild:Mediaplayer03.BlackdreamHD.skin.jpg|left|thumb|440px|Der Titel des Mediaplayers im Skin BlackdreamHD des OE 2.0]] || | ||
+ | |} | ||
+ | |||
+ | |||
+ | ==== Erklärung skin.xml des Titel ==== | ||
+ | |||
+ | * die Angaben positionieren den Titel mit der entsprechenden Schrift und Schriftgöße wie der Farben auf den oberen Rand der Grafik | ||
Version vom 23. Dezember 2012, 23:33 Uhr
![]() |
An diesem Artikel wird derzeit gearbeitet. Achtung: Der Artikel kann unvollständig und fehlerhaft sein! |
Inhaltsverzeichnis
Einleitung
Der Screen name="MediaPlayer" ist die Grafische Darstellung des Mediaplayers die man angezeigt bekommt wenn wir im Hauptmenü den Mediaplayer selektieren (auswählen) und die OK Taste drücken.
![]() |
Da dieser screen bisher nicht geskinnt, ist wird dieser in dem Falle automatisch vom Defaultskin geladen! |
Datei:Mediaplayer01.BlackdreamHD.skin.jpg Standard-Mediaplayer aus dem Defaultskin da dieser bisher noch nicht im BlackDreamHD geskinnt wurde! |
Background
Nun setzt man als Background seine InfoBar-Grafik ein. Hierzu nun die Infobar des BlackdreamHD-Skins. Der Screen-Code würde in diesem Beispiel so komplett aussehen:
<!-- Mediaplayer --> <screen name="MediaPlayer" position="center,center" size="1100,600" title="MediaPlayer" backgroundColor="transparent" flags="wfNoBorder"> <!-- Background --> <ePixmap position="0,0" size="1100,600" zPosition="-1" pixmap="BlackDreamHD/menu/menu-1100x600.png" transparent="1"/> </screen>
Datei:Mediaplayer02.BlackdreamHD.skin.jpg Background des Mediaplayers im Skin BlackdreamHD des OE 2.0 |
Erklärung skin.xml des Background
- die Angabe position="center,center" im Screen selbst bewirkt das der Screen Mediaplayer auch Zentriert auf dem Bildschirm dargestellt wird
- Wert ePixmap ist zum einfügen von Grafiken.
- position="0,0" damit die Grafik den kompletten Screen auch ausfüllt, da die Größe (size) der Grafik und des Screens identisch sind
- Mittels pixmap= wird nun die Tatsächliche Grafik geladen
Zurück zum Inhaltsverzeichnis:
Title
Nun geben wir hiermit dem Screen Mediaokayer einen Titel und positionieren diesen im Oberen Bereich der Grafik
<!-- Title --> <widget source="Title" render="Label" position="50,5" size="1000,32" halign="center" font="Regular;30" backgroundColor="background" shadowColor="black" shadowOffset="-2,-2" transparent="1"/>
Datei:Mediaplayer03.BlackdreamHD.skin.jpg Der Titel des Mediaplayers im Skin BlackdreamHD des OE 2.0 |
Erklärung skin.xml des Titel
- die Angaben positionieren den Titel mit der entsprechenden Schrift und Schriftgöße wie der Farben auf den oberen Rand der Grafik
Zurück zum Inhaltsverzeichnis: