hackbard: ImageList Creator

ImageList Creator

In einer GUI-Anwendung kann eine Vielzahl von Steuerelementen (wie Schaltflächen, Menüeinträge, Einträge in verschiedenen Listen) kleine Bilder (Symbole, Piktogramme oder Widgets) enthalten. Beispielsweise hat TMenuItem die Eigenschaft Bitmap. Mit dieser Eigenschaft können Sie ein Bild aus einer Datei laden. Dies ist die einfachste und anscheinend die bequemste Art des Ladens von Bildern in Ihre Anwendungen. In jedes neue Steuerelement können Sie ein bestimmtes Bild laden und es anzeigen.

Eine andere Möglichkeit stellt das Speichern aller in einer Anwendung verwendeten Bilder in einer zentralisierten Sammlung dar. Für jedes Steuerelement wird dabei nur ein Verweis auf ein Bild in dieser Sammlung gespeichert. Beispielsweise können Sie ein Bild aus einem Stil verwenden. Wählen Sie zum Beispiel im Objektinspektor für eine Schaltfläche die Eigenschaft StyleLookup aus, klicken Sie auf den Pfeil, um die Dropdown-Liste zu erweitern, und wählen Sie searchtoolbutton aus. Das Symbol "Vergrößerungsglas" wird für die Schaltfläche angezeigt. Wir haben diese Möglichkeit beibehalten, weil sie für eine feste Sammlung der meisten Standardsymbole sehr praktisch ist. Für reale Anwendungen müssen Sie aber häufig individuell gestaltete Symbole laden und speichern. Für solche Fälle kann die TImageList-Komponente sehr nützlich sein.

Das schematische Vorgehen bei der Verwendung von TImageList kann folgendermaßen beschrieben werden:Fügen Sie einem Formular (besser einem speziell erstellten Datenmodul) eine TImageList-Bilderliste (nicht sichtbare Komponente) hinzu.

Laden Sie Ihre Bilder in dieses TImageList-Objekt.
Wählen Sie im Objektinspektor die Eigenschaft Images Ihres Steuerelements aus, klicken Sie auf den Pfeil, um die Dropdown-Liste zu erweitern, und wählen Sie den Verweis auf das TImageList-Objekt aus.
Wählen Sie in der Eigenschaft ImageIndex die Anzahl der Bilder in dem Bilderlisten-Objekt aus, die Sie anzeigen möchten.

Wiederholen Sie die Schritte 3 und 4 für jedes neue Steuerelement. Wenn das TImageList-Objekt kein passendes Bild enthält, wiederholen Sie Schritt 2. Im ersten Moment könnte dieses Vorgehen zu kompliziert wirken. Anhand der folgenden TImageList-Verwendungsbeispiele werden die Vorteile dieser Schritte und die Verwendung von TImageList gegenüber dem einfachen Auswählen des gewünschten Bildes aus einem Ordner erläutert.

TImageList-Struktur der obersten Ebene

Im Allgemeinen kennt eine FireMonkey-Anwendung die erforderliche Größe eines zu zeichnenden Bildes nicht. Die Größe hängt von dem jeweiligen Steuerelement, dem Steuerelementstil und der Skalierung der Szene ab (und diese Skalierung kann nicht nur 1, 1,5 oder 2 sein), was wiederum von dem jeweiligen Computer oder dem mobilen Gerät abhängt. Deshalb werden Bilder häufig skaliert, damit sie in die gewünschten Begrenzungen zu passen. Aus diesem Grund wurde die Klasse TMultiResBitmap eingeführt. Bitmaps mit Mehrfachauflösung speichern mehrere Varianten desselben für verschiedene Größen optimierten Bildes. Dadurch werden beim Skalieren von Bildern Qualitätseinbußen minimiert. Als Nächstes wurden die TImageList-Bilderlisten eingeführt. TImageList-Objekte speichern Sammlungen von TMultiResBitmap-Bildern. Jedes dieser Bitmaps mit Mehrfachauflösung ist eine Menge von mehreren Varianten desselben Bildes in unterschiedlichen Größen.

Um die Bedeutung und Funktionalität der Elemente im Bilderlisten-Editor zu verdeutlichen, wird im Folgenden die TImageList-Struktur der Komponente erläutert.

Die Sammlung Source enthält die Daten der Quellgrafiken. Mit diesen Daten werden die Bilder in der Sammlung Destination erstellt.
Die Sammlung Destination enthält die Daten, die zum Erstellen derjenigen Bilder erforderlich sind, die als Bilder der TImageList-Sammlung gezeichnet werden sollen.

Beispiele