Mediaplayer im Skin erstellen: Unterschied zwischen den Versionen
EgLe (Diskussion | Beiträge) |
EgLe (Diskussion | Beiträge) |
||
| Zeile 20: | Zeile 20: | ||
<!-- Mediaplayer --> | <!-- Mediaplayer --> | ||
<screen name="MediaPlayer" position="center,center" size="1100,600" title="MediaPlayer" backgroundColor="transparent" flags="wfNoBorder"> | <screen name="MediaPlayer" position="center,center" size="1100,600" title="MediaPlayer" backgroundColor="transparent" flags="wfNoBorder"> | ||
| − | + | ||
<!-- Background --> | <!-- Background --> | ||
| − | <ePixmap position="0,0" size="1100,600" zPosition="-1" pixmap=" | + | <ePixmap position="0,0" size="1100,600" zPosition="-1" pixmap="BlueDreamHD/menu/bg_1100x600.png" transparent="1"/> |
| − | + | ||
| − | + | ||
</screen> | </screen> | ||
</syntaxhighlight> | </syntaxhighlight> | ||
| Zeile 30: | Zeile 30: | ||
{| | {| | ||
| − | |[[Bild:Mediaplayer02. | + | |[[Bild:Mediaplayer02.BluedreamHD.skin.jpg|left|thumb|440px|Background des Mediaplayers im Skin BluedreamHD des OE 2.0]] || |
|} | |} | ||
Version vom 2. Januar 2013, 12:43 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! |
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="BlueDreamHD/menu/bg_1100x600.png" transparent="1"/> </screen>
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
|
|
Es ist leider nicht möglich bei den Grafiken kleinere zu verwenden und diese dann einfach mittels der size-angabe vergrößert darzustellen.
Genauso ist es auch so das wenn man eine größere Grafik verwendet und die size-angaben verkleinert, wird das entsprechende Bild nicht skaliert, sondern einfach nur abgeschnitten! Merke: also die Grafiken sollten immer die gewünschte Größen haben da diese nicht skaliert werden! |
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:
