Beispiel für erweiterte Textfunktionen

Traditionell wurden Schriftfamilien in einer begrenzten Anzahl von Varianten verteilt: ein Satz fest codierter Strichstärken, Stile und Breiten (sowie Kombinationen davon), die als eigenständige Schriftarten ausgewählt werden können.

Variable Schriftarten bauen auf dieser Idee auf. Anstatt die Varianten der Schriftfamilie als eigenständige Schriftdateien zu vertreiben, kann eine einzige variable Schriftart die Varianten (und viele weitere) durch Interpolation erzeugen.

Dies wird erreicht, indem in der Schriftart sogenannte „variable Achsen“ für Eigenschaften wie Breite, Neigung oder Strichstärke definiert werden. Der Benutzer kann aus voreingestellten Werten entlang dieser Achsen auswählen oder einen beliebigen benutzerdefinierten Wert innerhalb des von der Schriftart unterstützten Bereichs festlegen.

Dieses Beispiel enthält eine variable Schriftart namens „Georama“ (Copyright 2020 The Georama Project Authors, lizenziert unter OFL 1.1). Sie verfügt über zwei variable Achsen: eine für die Strichstärke und eine für die Breite. Durch die Anpassung einer dieser Achsen kann der Nutzer eine Vielzahl von Variationen des Schriftdesigns erzeugen.

Das Beispiel veranschaulicht, wie dies in einem realen Szenario genutzt werden kann: Beim Starten des Beispiels ragen die Textausschnitte über die im festen Layout definierten Begrenzungsrahmen hinaus.

Durch Anpassen der Breite und/oder der Strichstärke kann der visuelle Designer Schriftvarianten erzielen, die genau in das Layout passen, ohne die Schriftgröße ändern zu müssen.

Das Beispiel ordnet jeder der beiden variablen Achsen der Schriftart einen Schieberegler zu. Anschließend werden die Werte der variablen Achsen an die Schieberegler gebunden, sodass sich die Schriftart automatisch aktualisiert, wenn der Benutzer sie verändert.

            font.variableAxes: {
                "wdth": widthSlider.value,
                "wght": weightSlider.value
            }

Die variablen Achsen werden über ihre vierstelligen Tags angesprochen. Einige Tags, wie beispielsweise „wdth“ und „wght“, sind konventionell bestimmten Schriftattributen zugeordnet (in diesem Fall „width“ bzw. „weight“). Die Schriftart kann jedoch jede beliebige Achse unterstützen, solange diese durch ein vierstelliges Tag gekennzeichnet ist. Informationen zu den von der Schriftart unterstützten Achsen sind häufig im Dateinamen enthalten.

Ausführen des Beispiels

Sie können das Beispiel wie folgt ausführen:

• Qt Creator

  Öffnen Sie den Modus „ Welcome “ und wählen Sie das Beispiel unter „ Examples “ aus. Weitere Informationen finden Sie unter Qt Creator: Tutorial: Erstellen und Ausführen.

• Qt Extension for Visual Studio Code

  Führen Sie den Befehl „ Qt: Open Qt examples “ aus dem Verzeichnis „ Command Palette “ aus und wählen Sie das Beispiel aus der Liste aus. Weitere Informationen finden Sie unter Qt Extension for Visual Studio Code: Tutorial: Erstellen und Ausführen.

Beispielprojekt @ code.qt.io