Slideshow Creator

Foto Diashow mit Musik erstellen

  Autorun CD Menu Creator |  Slide Show Creator |  Multimedia Intro Creator |  KS-SW |  Shop |  English version   Deutsche Version 

Mit dem PicturePlayer Skin Compiler eigene Bedinoberflächen entwerfen

Das Hintergrundbild

Bevor das Hintergrundbild entworfen wird, sollten Sie wissen, wie der PicturePlayer dieses Bild an verschiedene Bildschirmauflösungen (Größen) anpasst.

Das Hintergrundbild wird immer in der Größe 640 x 480 Pixel (VGA-Auflösung) erstellt und bei größerer Bildschirmauflösung entsprechend der Beschreibung (s. u.) vergrößert.

Würde man das Hintergrundbild einfach im Größenverhältnis zoomen würde man ein unscharfes Abbild erhalten. Zudem würden sich definierte Bereiche für Buttons, Logo oder Text im gleichen Seitenverhältnis vergrößern, was in diesem Fall unerwünscht wäre. Aus diesem Grund wendet der PicturePlayer eine Mischung aus Kopieren und Strecken von Teilbildern an.

Das Hintergrundbild wird dabei in 9 Teilbilder mit 3 Zeilen und drei Spalten aufgeteilt (s. Bild unten). Die Teilbilder der Bild-Ecken werden später im Verhältnis 1:1 in die Ecken des Zielfensters kopiert (1,3,7,9). Das mittlere Teilbild der ersten und der dritten Zeile wird nur horizontal gedehnt (2,8), das mittlere Teilbild der ersten und der dritten Spalte wird nur vertikal gedehnt (4,6). Lediglich das Teilbild in der Mitte wird horizontal und vertikal gedehnt (5).


Bild 1: Die Segmente des Hintergrundbildes

Daraus ergeben sich folgende Regeln:

  • In den Bild-Bereichen 2 und 8 dürfen sich nur Muster befinden, die horizontal gestreckt werden können.
  • In den Bild-Bereichen 4 und 6 dürfen sich nur Muster befinden, die vertikal gestreckt werden können.
  • Das Teilbild 5 sollte ausschließlich ein Teil der Leinwand (Canvas) darstellen und keine Muster enthalten, da es horizontal und vertikal extrem gestreckt wird.

Mit dieser Methode wird gewährleistet, dass die Ränder und Leisten des Hintergrundbildes immer gleich stark sind, unabhängig vom Vergrößerungsfaktor.


Bild 2: Das vergrößerte Hintergrundbild (Bild 1)

Das vergrößerte Hintergrundbild

  • A: die mit A gekennzeichneten Segmente wurden nur horizontal gedehnt.
  • B: die mit B gekennzeichneten Segmente wurden nur vertikal gedehnt.
  • C: das mit C gekennzeichnete Segment wurde horizontal und vertikal gedehnt.


Valid HTML 4.01