Ribir

<h1 align="center"> Ribir - Rust 的非侵入式 GUI 框架 </h1> <p align="center"><a href="https://ribir.org" target="_blank" rel="noopener noreferrer"> <img src="https://yellow-cdn.veclightyear.com/835a84d5/bd962afb-0f82-4398-bfe6-f4701cd534d3.svg" alt="Ribir-logo" width = "128px"> </a></p> <p align="center"> 使用 Rust 从单一代码库构建多平台应用程序。 </p> <div align="center">

网站 | 文档 | 中文文档 | Web 演示| 示例 | 更新日志 | 发布 | 路线图

</div>

Ribir 是什么？

Ribir 是一个 Rust GUI 框架，帮助你从单一代码库构建漂亮的原生多平台应用程序。

体验一种直接基于你的数据结构 API 的全新 UI 开发方法。任何数据变更都会触发精确的 UI 更新。你应该专注于设计你的数据结构及其 API。然后，你可以在不干扰其逻辑的情况下描述你的数据的 UI。

初次印象

一个简单的计数器示例：

use ribir::prelude::*;
fn main() {
  let counter = fn_widget! {
    let cnt = Stateful::new(0);
    @Row {
      @FilledButton {
        on_tap: move |_| *$cnt.write() += 1,
        @{ Label::new("Inc") }
      }
      @H1 { text: pipe!($cnt.to_string()) }
    }
  };
  App::run(counter);
}

</div> </td> <td style="padding:10px"> <img src="https://yellow-cdn.veclightyear.com/835a84d5/bbe2b2ee-d800-4289-bf35-47606f171a52.gif" width="430"/> </td> </tr> </table>

不使用 DSL 的 Ribir 用法：

use ribir::prelude::*;

fn main() {
  let counter = |ctx: &BuildCtx| {
    let cnt = Stateful::new(0);

    let c_cnt = cnt.clone_writer();
    let inc_btn = FilledButton::declarer()
      .on_tap(move |_| *c_cnt.write() += 1)
      .finish(ctx)
      .with_child(Label::new("Inc"));

    let counter = H1::declarer()
      .text(pipe!($cnt.to_string()))
      .finish(ctx);

    Row::declarer()
      .finish(ctx)
      .with_child(inc_btn)
      .with_child(counter)
      .into_widget()
  };

  App::run(counter);
}

更多示例

特性

声明式语言 它并不引入一种全新的语言。相反，它提供了一组 Rust 宏以便更容易交互。你可以选择使用或不使用它。
组件组合系统 有四种组件支持你以不同方式实现你的组件：
- 函数组件和 Compose，由其他组件组合而成。
- Render，实现你自己的布局并绘制任何你想要的内容。
- ComposeChild，控制父组件和子组件之间的组合逻辑并指定子组件的模板。
非侵入式状态 将你的数据转换为可监听的状态，并根据状态的变化更新视图。
布局系统 学习并受到 Flutter 次线性布局的启发，但不完全相同。
事件系统 是一个组合式事件系统，支持事件冒泡和捕获。允许与任何组件组合，只有在你使用时才存在。
主题系统 支持完整和继承/部分主题，因此你可以用它来覆盖或动态切换子树的主题。包括调色板、图标、动画过渡、组件的装饰组件等。目前处于非常粗糙的状态，API 将很快重新设计。
动画基于状态但没有副作用，概念上几乎稳定，但尚未有许多预定义的动画。
绘制器 将视图转换为 2D 路径。
GPU 渲染 是 绘制器 的后端，进行路径细分，以便你可以在任何 GPU 渲染引擎中轻松渲染三角形。提供了一个 wgpu 实现作为默认的 GPU 渲染引擎。细分基于 [lyon]。
文本支持基本的文本排版和 IME 输入，处于可用但粗糙的阶段。
组件库提供 20 多个基本组件，但都处于粗糙阶段，API 尚不稳定。