Minimales Rio-Intro

Anfang November sah ich eine Veröffentlichungsankündigung für Rio (https://rio.dev), eine kommende Python-Bibliothek zum Erstellen von Benutzeroberflächen. Ich habe jahrelange Erfahrung in der Verwendung von Qt mit Python und bin immer daran interessiert, neue Ansätze zu sehen.

Ich habe das Tic Tac Toe-Tutorial durchgesehen und viele Dinge gefunden, die mir gefallen haben. Ich war zunächst beeindruckt von der Einfachheit, Schnittstellen mithilfe von Komponentenklassen zu schreiben. Die Schnittstelle läuft über ein HTML-Dokument, das vollständig von der Bibliothek gekapselt ist. Dies bietet viele Möglichkeiten, wie und wo Rio-Anwendungen ausgeführt werden. Rio enthält optional eine eigenständige Webview-Anwendung. Allerdings gefielen mir das mitgelieferte Rio-Befehlszeilentool und die anfängliche Projektstruktur, die es erstellt, überhaupt nicht.

Ich denke, Rio verdient ein leichteres Tutorial, das die Grundbausteine ​​und Abstraktionen entfernt, um das Potenzial dieser Bibliothek zu zeigen. Beginnen wir bei Null und entdecken wir, wie sich Rio anfühlt, wenn wir es für uns selbst aufbauen. Ich empfand den Einstieg in die UV-Therapie als so einfach, wie ich es mir erhofft hatte.

uv init minirio --no-readme --no-pin-python --vcs none
cd minirio
uv add rio-ui[window]

Die optionale [Fenster]-Funktion installiert die vielen Abhängigkeiten, die zum Ausführen der eigenständigen App erforderlich sind. Beachten Sie auch, dass ich ==9.3 unter Windows verwenden musste, da Pyside-Builds fehlten.

Lassen Sie uns den minimalen Code verwenden, der zum Erstellen dieser Anwendung erforderlich ist.

import rio

class Greeting(rio.Component):
    name: str = 'World'
    def build(self):
        return rio.Row(
            rio.Icon('material/star', align_x=0.8, align_y=0.5),
            rio.Markdown(f'Hello, **{self.name}**', align_y=0.5),
        )

if __name__ == '__main__':
    app = rio.App(build=Greeting)
    app.run_in_window()

Dies ist ein normales Python-Skript. Führen Sie es mit Ihrem Python-Interpreter aus.

uv run hello.py

Eine Komponente ist kaum mehr als eine Build-Methode, die eine Komponente und einen für die Klasse definierten Status zurückgibt. Sie definieren weder __init__ noch ein anderes typisches Boilerplate. Sie können „run_in_window“ durch „run_as_web_server“ ersetzen und mit dieser Anwendung in Ihrem Browser interagieren.

Es braucht sehr wenig, um etwas Interaktivität hinzuzufügen. Hier ist eine ähnliche Komponente, die ein Kontrollkästchen und einen Stil hinzufügt.

gradient = rio.LinearGradientFill(
    (rio.Color.RED, 0), (rio.Color.PINK, .3),
)

Klasse Greeting2(rio.Component):
    geprüft: bool = False

    def build(self):
        style = rio.TextStyle(fill=gradient) if self.checked else 'text'
        return rio.Row(
            rio.Checkbox(is_on=self.bind().checked),
            rio.Text('Rosen sind rot.',>



<p>Hierbei wird self.bind() verwendet, um eine bidirektionale Bindung zwischen dem Kontrollkästchenstatus und einem Attribut zu erstellen. Alternativ ist es unkompliziert, das on_change-Argument des Kontrollkästchens einer beliebigen Methode zuzuweisen und die Attribute von self nach Wunsch zu ändern.</p>

<p><img src="https://img.php.cn/upload/article/000/000/000/173599336588947.jpg" alt="Minimal Rio Intro"></p>

<p>Weitere vollständige Beispiele und Dokumentationen finden Sie auf der Rio-Projektwebsite. Persönlich bin ich noch nicht bereit, die Welt von Qt und Pyside zu verlassen, aber ich denke auch, dass es in Rio genug gibt, was man im Auge behalten sollte.</p>

• https://rio.dev/examples
• https://rio.dev/docs
• https://github.com/rio-labs/rio

Das obige ist der detaillierte Inhalt vonMinimales Rio-Intro. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!