Thursday, 12. October 2006, 22:01:19
In diesem Tutorial gehe ich ein wenig auf den Aspekt des Designs ein. Am Anfang hatte ich ziemliche Schwierigkeiten auch nur das Hintergrundbild eines Widget festzulegen; eine Eigenschaft background oder backgroundImage gibt es da nämlich nicht.
Also habe ich mich entschieden diesem Aspekt der Entwicklung dieses Tutorial zu widmen.
Im Grunde ist es ganz einfach. Die Inhaltsstoffe für dieses Rezept sind:
- Eine Instanz der Klasse QPalette
- Mehrere Instanzen der Klasse QBrush
- Mehrere Instanzen der Klasse QColor
- Je nach Geschmack eine oder mehrere Instanzen der Klasse QPixmap
- Das ganze würzen wir mit einer statischen Methode aus der Klasse QApplication oder
verwenden dann doch lieber die Qt Resources
Was macht man also um z. B. folgendes Bild zu erreichen?
Um das Hintergrundbild eines Widget zu setzen muß man den Weg über eine Palette gehen. Eine Palette wird durch die Klasse QPalette repräsentiert. Der Konstruktor dieser Klasse sieht folgendermaßen aus:
QPalette::QPalette (
const QBrush & windowText,
const QBrush & button,
const QBrush & light,
const QBrush & dark,
const QBrush & mid,
const QBrush & text,
const QBrush & bright_text,
const QBrush & base,
const QBrush & window
)
Für den Hintergrund ist lediglich die letzte Eigenschaft -- window -- zuständig. Hier ist ein Beispiel wie ich es gemacht habe:
QBrush *light = new QBrush( QColor( "white" ) );
// QBrush *window = new QBrush( QPixmap( QApplication::applicationDirPath() + "/graphics/images/splash2.png" ) );
QBrush *window = new QBrush( QPixmap( ":/graphics/images/splash.png" ) );
QPalette *palette = new QPalette(
*light,
*light,
*light,
*light,
*light,
*light,
*light,
*light,
*window
);
myWidget->setPalette( *palette );
Natürlich ist dieses Beispiel so nicht praktikabel, da für alles -- außer den Hintergrund -- dieselbe Farbe verwendet wird. Da ich aber nur den Hintergrund setzen wollte ist das völlig ausreichend.
Wie man sehen kann, haben wir die meisten Inhaltsstoffe aus dem Rezept hier verwendet und erklärt; mehr oder weniger. Der aufmerksame Leser wird jedoch bemerken, daß ich zwei Varianten für die Variable
window habe. Wobei die erste auskommentiert ist.
// QBrush *window = new QBrush( QPixmap( QApplication::applicationDirPath() + "/graphics/images/splash2.png" ) );
QBrush *window = new QBrush( QPixmap( ":/graphics/images/splash.png" ) );
In der ersten Variante geben wir den Pfad zum Bild direkt an. Hier wird noch der absolute Pfad -- mittels der statischen Funktion
applicationDirPath() -- mit eingebunden. Um die Anwendung aus der Konsole ausführen zu können würde auch die folgende Zeile genügen:
QBrush *window = new QBrush( QPixmap( "graphics/images/splash2.png" ) );
Aus der Konsole würde die Anwendung das Bild finden und es als Hintergrund einbinden. Nicht jedoch, wenn man die Anwendung aus dem Dateiexplorer oder über eine Verknüpfung ausführt. Mit der Angabe des absoluten Pfades hat man auch in den letzten zwei Fällen das Bild in der Anwendung als Hintergrund. Sieht aber nicht elegant aus.
Die zweite Variante ist hier wohl die beste Lösung. In diesem Beispiel verwenden wir die Qt eigene Resources Vorgehensweise. Die Angabe
":/graphics/images/splash.png"
sagt Qt, daß die Datei
splash.png eine interne Ressource ist, also reinkompiliertes Bild.
Damit Qt die Ressourcen mit in die Ausführbare Datei kompiliert, muß Qt natürlich wissen welche Dateien es sind und wo sie liegen. Hierzu erstellen wir eine .qrc Datei.
Die .qrc Datei in meiner Anwendung heißt application.qrc und hat nur einen Eintrag drin.
<!DOCTYPE RCC><RCC version="1.0">
<qresource>
<file>graphics/images/splash.png</file>
</qresource>
</RCC>
Ferner muß man in der
anwendung.pro Datei diese .qrc Datei registrieren. Die Zeile
...
RESOURCES = application.qrc
...
erledigt dies.
Jetzt nur noch kompilieren und voila, ein Bildchen als Hintergrund. Für weitere Informationen über Resources könnt ihr im oben angegebenen Link nachlesen.
