mafulechka
mafulechka18. März 2020 06:01

Kundenspezifische Fensterdekorationen auf der Kundenseite in Qt 5.15

Dies sind frische Neuigkeiten über eine neue Funktion in Qt 5.15, die sehr aufregend ist.

Traditionell waren Fensterbehandlungen eine ziemlich langweilige Sache. Titel, Limit, Minimieren, Maximieren, Größe ändern, Beenden ... und das war's.


In letzter Zeit haben jedoch immer mehr Anwendungen eine anwendungsspezifische UI und Themen enthalten. Ein paar Screenshots, um zu erklären, was hier gesagt wird:

MacOS macht das schon seit geraumer Zeit.

... und Chrome und jeden anderen Webbrowser.

Das Einbetten von Menüs in Ihr Design kann viel Platz auf dem Bildschirm sparen.

...oder es könnte für Branding oder Design wichtig sein.
Leider waren solche Dinge bisher mit Qt nicht möglich.
Es war jedoch möglich, die Dekoration vom Fenster zu entfernen, d. H.:

Window {
    flags: Qt.FramelessWindowHint
}

Aber das ließ Sie nur mit einem undekorierten Fenster zurück. Es konnte also nicht verschoben oder geändert werden. Wenn Sie dann versucht haben, das Fenster zu verschieben oder die Größe zu ändern, indem Sie die Maus greifen und die Größe und Position des Fensters manuell einstellen, werden Sie schnell feststellen, dass dies nicht sehr gut funktioniert. Fenstermanager haben in der Regel ein sehr spezifisches Verhalten beim Verschieben oder Ändern der Größe von Fenstern. Häufige Aktionen sind zum Maximieren nach oben ziehen, auf einer Kachel nach links/rechts ziehen, an anderen Fenstern oder der Taskleiste ausrichten, die Größe zweier Fenster gleichzeitig ändern, wenn sie nebeneinander liegen, und so weiter.

Um fair zu sein, wurde zuvor ein Helfer bereitgestellt - QSizeGrip. Es ermöglicht Ihnen, die Größe jeder beliebigen Fensterecke zu ändern, funktioniert jedoch nur an Ecken, nicht an Fensterrändern, und ist nur für Widget-Anwendungen verfügbar.

Qt 5.15 hat QWindow zwei neue Methoden hinzugefügt: startSystemMove und startSystemResize. Diese Methoden fordern den Fenstermanager auf, seine eigene Größenänderungs- oder Verschiebungsoperation zu übernehmen und zu starten. Das bedeutet, dass das Einrasten, Kacheln usw. wie von Zauberhand funktionieren sollte und die Implementierung des Headers in QML fast zu einem Einzeiler wird:

DragHandler {
    onActiveChanged: if (active) window.startSystemMove();
    target: null
}

Indem Sie dieses Code-Snippet in ein QtQuick-Element einfügen, rufen alle Ziehvorgangsauslöser den Verschiebungsvorgang des nativen Fensters auf.
startSystemResize funktioniert ähnlich, außer dass es ein Qt::Edges-Argument verwendet, das ein Bitfeld der erfassten Fensterränder ist, d. h. für die untere rechte Ecke würden Sie Folgendes aufrufen:

startSystemResize(Qt.RightEdge | Qt.BottomEdge)

Es ist auch sehr praktisch, da Sie ganz einfach einen Handler für alle vier Fensterrahmen haben und einfach das Rahmenargument wie folgt erstellen können:

DragHandler {
    id: resizeHandler
    grabPermissions: TapHandler.TakeOverForbidden
    target: null
    onActiveChanged: if (active) {
        const p = resizeHandler.centroid.position;
        let e = 0;
        if (p.x < border) e |= Qt.LeftEdge;
        if (p.x >= width - border) e |= Qt.RightEdge;
        if (p.y < border) e |= Qt.TopEdge;
        if (p.y >= height - border) e |= Qt.BottomEdge;
        window.startSystemResize(e);
    }
}

Wenn Sie ein vollständiges Beispiel dafür wünschen, wie dies verwendet werden kann, wurde ein Webbrowser-Mockup mit der neuen API erstellt.

Bitte beachten Sie, dass dies zwar eine plattformübergreifende API ist, aber nicht von allen Plattformen unterstützt wird. startSystemMove wird derzeit auf Wayland, X11, macOS und Windows unterstützt, während startSystemResize hingegen auf Wayland, X11 und Windows unterstützt wird, aber nicht auf macOS.

Um damit umzugehen, geben beide Methoden einen booleschen Wert zurück, der angibt, ob die Operation unterstützt wurde oder nicht. Das bedeutet, wenn Sie die Größenänderung auch unter macOS implementieren möchten, müssen Sie den Rückgabewert von startSystemResize überprüfen und Ihr Bestes geben, um im Fehlerfall einen Fallback zu implementieren, d. H.:

if (!window.startSystemResize(edges)) {
    // your fallback code for setting window.width/height manually
}

Weitere Arbeit in Qt wird darin bestehen, Fallbacks oder Abstraktionen bereitzustellen, die die Arbeit für Sie erledigen, aber zumindest sollte Sie nichts davon abhalten, dies selbst zu tun.

Ein weiterer Verbesserungsbereich ist die Vereinbarung mit dem Fenstermanager, ob clientseitiges oder serverseitiges Styling verwendet werden soll. Einige Anwendungen möchten möglicherweise beide Modi unterstützen und den Fenstermanager entscheiden lassen, aber dies ist derzeit nicht möglich. Sobald FramelessWindowHint festgelegt ist, gibt es kein serverseitiges Styling.

Der dritte Bereich ist der Fensterschatten. Zumindest auf Wayland muss der Schatten als Teil der Fensterdekoration gezeichnet werden. Und obwohl es möglich ist, mit QtQuick Schatten zu zeichnen, gibt es derzeit keine Möglichkeit, dem QPA-Plug-in mitzuteilen, welcher Teil der Oberfläche der Schatten und welcher Teil der Fensterrahmen ist, was bedeutet, dass, wenn Sie versuchen, Schatten zu zeichnen, der Fenstermanager wird derzeit den Schattenteil von Fenstern berücksichtigen, und dies wird die Kachelung und das Einrasten mit anderen Fenstern durcheinander bringen. Auf anderen Plattformen zeichnet der Fenstermanager normalerweise Schatten, selbst für clientseitig dekorierte Fenster, daher ist dies ein schwer zu lösendes Problem.

Рекомендуємо хостинг TIMEWEB
Рекомендуємо хостинг TIMEWEB
Stabiles Hosting des sozialen Netzwerks EVILEG. Wir empfehlen VDS-Hosting für Django-Projekte.

Magst du es? In sozialen Netzwerken teilen!

Kommentare

Nur autorisierte Benutzer können Kommentare posten.
Bitte Anmelden oder Registrieren
Letzte Kommentare
ИМ
Игорь Максимов5. Oktober 2024 14:51
Django – Lektion 064. So schreiben Sie eine Python-Markdown-Erweiterung Приветствую Евгений! У меня вопрос. Можно ли вставлять свои классы в разметку редактора markdown? Допустим имея стандартную разметку: <ul> <li></li> <li></l…
d
dblas55. Juli 2024 18:02
QML - Lektion 016. SQLite-Datenbank und das Arbeiten damit in QML Qt Здравствуйте, возникает такая проблема (я новичок): ApplicationWindow неизвестный элемент. (М300) для TextField и Button аналогично. Могу предположить, что из-за более новой верси…
k
kmssr9. Februar 2024 02:43
Qt Linux - Lektion 001. Autorun Qt-Anwendung unter Linux как сделать автозапуск для флэтпака, который не даёт создавать файлы в ~/.config - вот это вопрос ))
Qt WinAPI - Lektion 007. Arbeiten mit ICMP-Ping in Qt Без строки #include <QRegularExpressionValidator> в заголовочном файле не работает валидатор.
EVA
EVA25. Dezember 2023 18:30
Boost - statisches Verknüpfen im CMake-Projekt unter Windows Ошибка LNK1104 часто возникает, когда компоновщик не может найти или открыть файл библиотеки. В вашем случае, это файл libboost_locale-vc142-mt-gd-x64-1_74.lib из библиотеки Boost для C+…
Jetzt im Forum diskutieren
J
JacobFib17. Oktober 2024 10:27
добавить qlineseries в функции Пользователь может получить любые разъяснения по интересующим вопросам, касающимся обработки его персональных данных, обратившись к Оператору с помощью электронной почты https://topdecorpro.ru…
JW
Jhon Wick1. Oktober 2024 22:52
Indian Food Restaurant In Columbus OH| Layla’s Kitchen Indian Restaurant If you're looking for a truly authentic https://www.laylaskitchenrestaurantohio.com/ , Layla’s Kitchen Indian Restaurant is your go-to destination. Located at 6152 Cleveland Ave, Colu…
КГ
Кирилл Гусарев27. September 2024 16:09
Не запускается программа на Qt: точка входа в процедуру не найдена в библиотеке DLL Написал программу на C++ Qt в Qt Creator, сбилдил Release с помощью MinGW 64-bit, бинарнику напихал dll-ки с помощью windeployqt.exe. При попытке запуска моей сбилженной программы выдаёт три оши…
F
Fynjy22. Juli 2024 11:15
при создании qml проекта Kits есть но недоступны для выбора Поставил Qt Creator 11.0.2. Qt 6.4.3 При создании проекта Qml не могу выбрать Kits, они все недоступны, хотя настроены и при создании обычного Qt Widget приложения их можно выбрать. В чем может …

Folgen Sie uns in sozialen Netzwerken