Main Infobar im OE 2.0 DMM-Skin: Unterschied zwischen den Versionen

Aus Gemini-Wiki
Zur Navigation springen Zur Suche springen
(Die Seite wurde neu angelegt: „{{Baustelle|An diesem Artikel wird derzeit gearbeitet. Achtung: Der Artikel kann '''unvollständig''' und '''fehlerhaft''' sein!}} == Einleitung == Der Scree…“)
 
Zeile 6: Zeile 6:
  
 
Das Element der Infobar unterteilt sich in vielen Unterelemente (widget, pixmap, eLabel usw.)
 
Das Element der Infobar unterteilt sich in vielen Unterelemente (widget, pixmap, eLabel usw.)
 +
 +
 +
 +
== Main infoBar ==
  
 
Wie beim Skin selbst beginnt der Screen '''name="InfoBar"'' mittels :
 
Wie beim Skin selbst beginnt der Screen '''name="InfoBar"'' mittels :
Zeile 11: Zeile 15:
 
<syntaxhighlight lang="xml">
 
<syntaxhighlight lang="xml">
 
<!-- Main infobar -->
 
<!-- Main infobar -->
−
<screen name="InfoBar" .....>
+
<screen name="InfoBar" flags="wfNoBorder" position="135,360" size="770,190" title="InfoBar" backgroundColor="transparent" >
  
 
         <!-- Hier können etliche Unterelemente (widget, pixmap, eLabel usw.) eingebettet sein! -->  
 
         <!-- Hier können etliche Unterelemente (widget, pixmap, eLabel usw.) eingebettet sein! -->  
Zeile 21: Zeile 25:
  
 
Funktionen die Hier nicht vorgesehen sind werden ggf, auf Grundlage des Default-HD skins nachgestellt.
 
Funktionen die Hier nicht vorgesehen sind werden ggf, auf Grundlage des Default-HD skins nachgestellt.
 +
 +
 +
==== Erklärung skin.xml Main InfoBar ====
 +
 +
* Mit '''flags="wfNoBorder"''' wird festgelegt das man keinen Rahmen (Border) haben will. Alternative diesen Eintrag weglassen und es gibt einen Rahmen
 +
 +
*  '''position="135,360"''' gibt an wo der Screen dargestellt werden soll in Bildpunkten, 135 = vom Rand Links in die Mitte, 360 = vom Rand oben nach unten
 +
 +
* '''size="770,190"''' 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
 +
 +
 +
== 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:
 +
 +
<syntaxhighlight lang="xml">
 +
<!-- Main infobar -->
 +
<screen name="InfoBar" flags="wfNoBorder" position="80,500" size="1130,190" title="InfoBar" >
 +
 
 +
<!-- Background -->
 +
<ePixmap position="0,0" zPosition="-1" size="1130,190" pixmap="BlackDreamHD/infobar.png" />
 +
 +
</screen>
 +
</syntaxhighlight>
 +
 +
 +
{|
 +
|[[Bild:InfoBar01.BlackdreamHD.skin.jpg|left|thumb|440px|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
  
  

Version vom 29. November 2012, 18:19 Uhr

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

Einleitung

Der Screen name="InfoBar" ist die Grafische Darstellung der Infobar und stellt ein großes Element eines Skins dar.

Das Element der Infobar unterteilt sich in vielen Unterelemente (widget, pixmap, eLabel usw.)


Main infoBar

Wie beim Skin selbst beginnt der Screen 'name="InfoBar" mittels : 

	<!-- Main infobar -->
	<screen name="InfoBar" flags="wfNoBorder" position="135,360" size="770,190" title="InfoBar" backgroundColor="transparent" >
 
        <!-- 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 Main InfoBar

  • Mit flags="wfNoBorder" wird festgelegt das man keinen Rahmen (Border) haben will. Alternative diesen Eintrag weglassen und es gibt einen Rahmen
  • position="135,360" gibt an wo der Screen dargestellt werden soll in Bildpunkten, 135 = vom Rand Links in die Mitte, 360 = vom Rand oben nach unten
  • size="770,190" 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


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: 

	<!-- Main infobar -->
	<screen name="InfoBar" flags="wfNoBorder" position="80,500" size="1130,190" title="InfoBar" >
 
		<!-- Background -->
		<ePixmap position="0,0" zPosition="-1" size="1130,190" pixmap="BlackDreamHD/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
Abgerufen von „http://wiki.blue-panel.com/index.php?title=Main_Infobar_im_OE_2.0_DMM-Skin&oldid=13243“