最小里约简介

2025-01-19 08:55:06 0浏览收藏

各位小伙伴们，大家好呀！看看今天我又给各位带来了什么文章？本文标题是《最小里约简介》，很明显是关于文章的文章哈哈哈，其中内容主要会涉及到等等，如果能帮到你，觉得很不错的话，欢迎各位多多点评和分享！

初探Rio：一个轻量级Python UI库

十一月初，Rio (https://rio.dev) 发布公告，宣布推出这款用于创建用户界面的Python库。作为拥有多年Qt和Python经验的开发者，我对探索新的UI构建方法始终充满兴趣。

我尝试了Rio的井字棋教程，并发现它有很多吸引人的地方。组件类的简洁性给我留下了深刻印象，界面通过一个由库完全封装的HTML文档运行，这为Rio应用的部署提供了极大的灵活性，例如可以选择独立的webview应用。然而，我并不喜欢Rio自带的命令行工具及其生成的初始项目结构。

因此，我尝试编写一个更轻量级的教程，去除冗余的样板代码，以更好地展现Rio库的潜力。让我们从零开始，看看Rio是如何构建自己的。我发现使用uv工具初始化项目非常简单：

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

注意：[window]选项会安装运行独立应用所需的许多依赖项。由于PySide构建问题，我在Windows上需要使用==9.3版本。

下面是用最少代码构建的示例应用：

最小里约简介

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()

这是一个标准的Python脚本，可以直接使用Python解释器运行：

uv run hello.py

组件只是一个返回组件和类定义状态的build方法，无需定义__init__等样板代码。您可以将run_in_window替换为run_as_web_server，在浏览器中运行此应用。

添加交互性也很容易。以下组件添加了复选框和样式：

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

class Greeting2(rio.Component):
    checked: 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('Roses are red.', style=style),
        )

这里使用self.bind()在复选框状态和属性之间创建双向绑定。或者，也可以直接将复选框的on_change参数分配给任何方法，并根据需要修改self的属性。

最小里约简介