Tutorial: Verwenden des BitmapLinks-Editors

Aus RAD Studio
Wechseln zu: Navigation, Suche

Nach oben zu FireMonkey-Tutorials

In diesem Tutorial wird erläutert, wie die TBitmapLink-Eigenschaften einer TButton-Komponente mit dem BitmapLinks-Editor bearbeitet werden.

Der Ausgangspunkt ist eine geräteübergreifende Anwendung, die eine Schaltfläche enthält. Die Schaltfläche hat für jeden der möglichen, in der folgenden Tabelle aufgeführten Link-Typen unterschiedliche Hintergrundfarben:

Link-Typ Definition

NormalLink

Der Standardstatus.

FocusedLink

Ein Link, der den Fokus hat. Im vorliegenden Szenario beispielsweise, wenn die Schaltfläche den Fokus erhält, weil der Mauszeiger über die Schaltfläche geführt wird.

PressedLink

Eine angeklickter Link. Im vorliegenden Szenario, wenn auf die Schaltfläche geklickt wird.

HotLink

Ein besuchter Link. Im vorliegenden Szenario, nach dem Klicken auf die Schaltfläche.

Anpassen der BitmapLink-Eigenschaften für eine Schaltfläche

In diesem Abschnitt wird beschrieben, wie der Schaltflächenhintergrund angepasst wird. Führen Sie die folgenden Schritte aus:

  1. Erstellen Sie eine neue geräteübergreifende Anwendung, Delphi oder C++Builder.
  2. Ziehen Sie eine TButton-Komponente in den Formular-Designer.
  3. Um den FireMonkey-Stil-Designer zu öffnen, klicken Sie mit der rechten Maustaste auf die Schaltfläche, und wählen Sie im Kontextmenü Benutzerdefinierten Stil bearbeiten.
  4. Wählen Sie im Struktur-Bereich den Knoten background aus.
  5. Wählen Sie im Objektinspektor die Eigenschaft NormalLink aus, und doppelklicken Sie auf deren Wert, um den BitmapLinks-Editor zu öffnen.
  6. Klicken Sie im BitmapLinks-Editor auf BitmapLinks Editor Open.png, um die Bilddatei zu laden, die Sie zum Anpassen der Schaltfläche verwenden möchten.
    In vorliegenden Beispiel wird die folgende Bilddatei verwendet:
    Colored Buttons.png
  7. Wählen Sie NormalLink aus dem Bereich Links aus.
  8. Wählen Sie aus dem Bereich Auflösungen die Auflösung aus.

    Hinweis: Für den Stil Windows ist nur die Auflösung Skalierung 1,00x verfügbar.

  9. Wählen Sie in dem Bitmap einen Bereich aus, der als Schaltflächenhintergrund verwendet werden soll.

    Hinweis: Die Auswahl wird im Bereich Vorvisualisierung angezeigt. Im vorliegenden Szenario wurde für NormalLink das blaue Rechteck ausgewählt.

    BitmapLinks Selection.png
  10. Führen Sie die Schritte 7 bis 9 für jeden Link aus: HotLink, FocusedLink und PressedLink.
  11. Klicken Sie auf Schließen, um BitmapLinks-Editor zu beenden.
  12. Übernehmen Sie Änderungen im FireMonkey-Stil-Designer und klicken Sie auf Übernehmen und schließen.
  13. Führen Sie die Anwendung aus, um die Ergebnisse zu sehen.

Siehe auch