Android. Java vs Qt QML - Tutorial 000. Materialdesign aktivieren

material design, Android

Für die Entwicklung von Java und Qt QML muss Material Design aktiviert sein.

Materialdesign in Java

Bei Java reicht es aus, das Theme in der Datei styles.xml zu aktivieren und das gewünschte Farbschema für die Anwendung einzustellen.

Stile.xml

<resources>

    <style name="AppTheme" parent="android:Theme.Material">
        <!-- Main theme colors -->
        <!--   your app branding color for the app bar -->
        <item name="android:colorPrimary">@color/colorPrimary</item>
        <!--   darker variant for the status bar and contextual app bars -->
        <item name="android:colorPrimaryDark">@color/colorPrimaryDark</item>
        <!--   theme UI controls like checkboxes and text fields -->
        <item name="android:colorAccent">@color/colorAccent</item>
    </style>

</resources>

Farben.xml

Farben werden in dieser Datei angegeben.

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="colorPrimary">#3F51B5</color>
    <color name="colorPrimaryDark">#303F9F</color>
    <color name="colorAccent">#FF4081</color>
</resources>

Materialdesign auf Qt QML

Um Material Design auf Qt QML verwenden zu können, müssen Sie die Verwendung von Qt Quick Controls 2 in Ihrem Projektprofil aktivieren.

QT += quick quickcontrols2

Als Nächstes fügen wir die QQuickStyle-Klasse in die main.cpp-Datei ein, um die statische Methode dieser Klasse zu verwenden, um den Material Design-Stil für die gesamte Anwendung zu aktivieren.

#include <QGuiApplication>
#include <QQuickStyle> // Класс для включения стилизации
#include <QQmlApplicationEngine>

int main(int argc, char *argv[])
{
    QCoreApplication::setAttribute(Qt::AA_EnableHighDpiScaling);

    QGuiApplication app(argc, argv);

    QQuickStyle::setStyle("Material"); // Включение Material Design

    QQmlApplicationEngine engine;
    engine.load(QUrl(QStringLiteral("qrc:/main.qml")));
    if (engine.rootObjects().isEmpty())
        return -1;

    return app.exec();
}

Farbwechsel

Die Konfigurationsdatei qtquickcontrols2.conf dient zum Ändern des Farbschemas des Stils, der im Projektstamm neben dem Projektprofil platziert werden muss. Sie können diese Datei zu Ressourcen hinzufügen, um die Arbeit mit dieser Datei von der IDE aus zu vereinfachen.

[Material]
Primary=#3F51B5
Accent=#FF4081
Theme=#303F9F
Foreground=#ffff00
Background=#00ffff

Farbschemaeinstellungen

Java hat die folgenden Farbschemaeinstellungen

• colorPrimary - Primärfarbe, zum Beispiel die Farbe der Aktionsleiste
• colorPrimaryDark - Farbe der Statusleiste
• textColorPrimary - Textfarbe für Beschriftungen über Elementen mit HintergrundfarbePrimary
• windowBackground - Hintergrundfarbe der Anwendung
• navigationBarColor - Farbe des Navigationsmenüs des Telefons
• colorAccent - Farbe von Elementen wie Checkboxen etc.

Es gibt nur fünf Farbeinstellungen in Qt QML

• Primär - Primärfarbe, Elemente ähnlich der Aktionsleiste
• Akzent - Farbe von Elementen wie Kontrollkästchen
• Design - Designfarbe, die sowohl für das Hauptanwendungsfenster als Hintergrund als auch für Popup-Menüs oder andere Elemente verwendet wird. Kann auch durch die Foreground- und Background-Eigenschaften überschrieben werden
• Vordergrund - separate Themenfarbeinstellung, kann auf Text angewendet werden, überschreibt Themeneinstellungen.
• Hintergrund - wird verwendet, um den Hintergrund von Elementen wie Menüs, Navigationsleiste usw. zu definieren. überschreibt Designeinstellungen.

Für Design können Sie System als Wert verwenden, was bedeutet, dass die Systemfarbpaletten verwendet werden. Aber gleichzeitig können Sie Farbanpassungen mit Vordergrund und Hintergrund vornehmen.