MoviePlayer infobar im Skin erstellen

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

Einleitung

Der Screen name="MoviePlayer" ist die Grafische Darstellung der Infobar die man angezeigt bekommt wenn wir uns eine Aufnahme anschauen.

Diese Infobar wird man wohl am sehr häufig zu Gesicht bekommen.

Hier wird die Funktionen der Infobar im Bezug auf das DMM eigene OE 2.0 erklärt (keine sonstigen Anpassungen)

MoviePlayer Infobar im OE 2.0 DMM-Skin

Wie beim jedem Screen selbst beginnt der Screen 'name="MoviePlayer" mittels :

	<!-- Movieplayer infobar -->
	<screen name="MoviePlayer"  position="75,530" size="1140,150" title="InfoBar" flags="wfNoBorder">
 
        <!-- Hier können etliche Unterelemente (widget, pixmap, eLabel usw.) eingebettet sein! --> 
 
	</screen>   <!-- und endet erst mit diesem Abschluss -->

In diesem Beispiel wurde die Grafik des Skins "BlackdreamHD" als Vorlage erstellt und verwendet.

Funktionen die Hier nicht vorgesehen sind werden ggf, auf Grundlage des Default-HD skins nachgestellt.

Erklärung skin.xml zum MoviePlayer

• Mit flags="wfNoBorder" wird festgelegt das man keinen Rahmen (Border) haben will. Alternative diesen Eintrag weglassen und es gibt einen Rahmen

• position= gibt an wo der Screen dargestellt werden soll in Bildpunkten, 135 = vom Rand Links in die Mitte, 360 = vom Rand oben nach unten

• size= gibt an wie Groß in Bildpunkten (Breite mal Höhe) der Screen sein soll

• title="InfoBar" wie erwartet der Name des des Titelfenster

• backgroundColor="transparent" hier wird die Farbe "transparent" als Hintergrundfarbe benutzt (Farbe muss im Element "color" definiert sein, sonst Crasht es). Alternativ können die Farben sonst auch im HTML-Code dargestellt werden

Zurück zum Inhaltsverzeichnis:

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:

	<!-- Movieplayer infobar -->
	<screen name="MoviePlayer"  position="75,530" size="1140,150" title="InfoBar" flags="wfNoBorder" backgroundColor="transparent">
 
		<!-- Background -->
		<ePixmap position="0,0" zPosition="-1" size="1140,150" pixmap="BlackDreamHD/movie_infobar.png"/>
 
	</screen>

Background der InfoBar im Skin BlackdreamHD des OE 2.0

Erklärung skin.xml des Background

• 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: