最小里约简介

百变鹏仔 5天前 #Python

文章标签里约

初探rio：一个轻量级python ui库

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

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

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

uv init minirio --no-readme --no-pin-python --vcs nonecd miniriouv add rio-ui[window]

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

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

import rioclass 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的属性。

更多完整的示例和文档请访问Rio项目网站：

虽然我目前还没准备好放弃Qt和PySide，但我认为Rio也足够值得关注。

文章推荐

最小里约简介

Python程序检测链表中的循环

在Python中，两个字典键的乘积

如何使用OpenCV Python创建一张黑色图像和一张白色图像？

Python和Anaconda之间有什么区别？

Python - 检查字符串中的所有字符是否都是字母数字？