Responsives Qt/QML-Layout für Leaf Node Monitoring

 C Programming >> C-Programmierung >  >> Tags >> Qt
Responsives Qt/QML-Layout für Leaf Node Monitoring

Leaf Node Monitoring ist mein eigenes kostenpflichtiges Open Source (GPLv3) Netzwerküberwachungsprogramm für Windows, Linux und Android. Geschrieben in C++ &Qt 5. Perfekt, um auf Ihrem Desktop zu laufen und Ihre Server zu überwachen. Einfache Einrichtung, automatische Erkennung laufender Dienste, gleichzeitige Überprüfung und Warnung. Dieser Beitrag zeigt ein weiteres bevorstehendes Feature in der nächsten Version, reaktionsfähiges Layout, um die Bildschirmfläche effektiver zu nutzen.

Alle Artikel zum Thema Leaf Node Monitoring finden Sie hier.

Diese Seite hat keinen Sponsor-Link-Block, da es um meine eigene kostenpflichtige App geht. Die meisten anderen Seiten hier haben einen Sponsor-Link-Block. Wenn Sie also wirklich wollen, können Sie sich jeden anderen Artikel ansehen.

Responsives QML-Layout

Ein schnelles Update, das eine weitere neue Funktion für die kommende Version von Leaf Node Monitoring (v2022.02), responsive Layouts, präsentiert.

Die vorherige Version hat eine festgelegte Breite/Höhe für die Host-Karten und Checktiles in einer großen langen Spalte, nur 1 Reihe. Erweitern Sie das Fenster, Hostkarten werden ebenfalls erweitert. Mit dieser Änderung werden die Hostkarten nicht mehr automatisch breiter, aber sobald das Fenster groß genug ist, werden 2 Zeilen angezeigt.

Hier ist ein GIF, das das neue Reaktionsverhalten zeigt:

(Das Stottern ist auf die GIF-Bildschirmaufzeichnung zurückzuführen, die aktuelle App funktioniert viel besser)

Das alte Layout wurde gerade so breit wie das Fenster selbst:

Ich habe ein zusammenklappbares Menü direkt auf dem Überwachungsbildschirm hinzugefügt, damit Sie die Größe ändern und das Ergebnis direkt sehen können. Die neuen Optionen sind auch im Einstellungsbildschirm verfügbar.

Diese responsive Layoutfunktion wurde von einem Benutzer angefordert, der Leaf NodeMonitoring auf einem Tablet ausführt und die Bildschirmfläche besser nutzen wollte.

Die technischen Details zur Erstellung eines responsiven QML-Layouts finden Sie hier. Mit QML-Layouts kann ich dynamisch Spalten oder Zeilen im Rasterlayout hinzufügen oder entfernen, das entweder die Host-Karten oder die Kacheln enthält. Ich habe auch eine kurze Animation zur Größenänderung hinzugefügt, als Augenschmaus und auch, weil QML das so einfach macht.

Eine weitere Vorschau

Ich habe dem Tray-Icon auch ein Rechtsklick-Menü mit einigen nützlichen Funktionen hinzugefügt:

Nur weil ich diese Funktion selbst vermisst habe.

Dieser Artikel wurde auf der Leaf Node Monitoring-Website gepostet.