GPUI Component 是一个基于 Rust 语言的 GUI 组件库，它是建立在 Zed 编辑器开源的高性能 UI 框架 GPUI 之上的。
该项目的目标是为 Rust 开发者提供一套现代、美观且高性能的通用 UI 组件，极大地降低使用 GPUI 开发跨平台桌面应用的门槛。提供了 60 多个现成的 UI 组件，设计风格灵感来源于 shadcn/ui，支持亮色/暗色主题切换和自定义主题。
它继承了 GPUI 的高性能特性，包含虚拟列表、Dock 布局系统、Markdown 渲染、图表以及高性能的代码编辑器组件。旨在提供类似 Web 开发的便捷体验，同时保持原生应用的速度。
特征
- 丰富性：60 多个跨平台桌面 UI 组件。
- 原生：灵感源自 macOS 和 Windows 控件，结合 shadcn/ui 设计，带来现代体验。
- 易用性：无状态RenderOnce组件，简单易用。
- 可自定义：内置Theme，ThemeColor支持多主题和基于变量的配置。
- 用途广泛：支持诸如xs、、、和等sm尺寸。mdlg
- 灵活布局：面板排列、调整大小和自由形式（平铺）布局的停靠布局。
- 高性能：虚拟化的表格和列表组件，可流畅渲染大数据。
- 内容渲染：原生支持 Markdown 和简单的 html。
- 图表：内置图表，用于可视化您的数据。
- 编辑器：高性能代码编辑器（支持高达 20 万行），带有 LSP（诊断、自动完成、悬停等）。
- 语法高亮：使用 Tree Sitter 为编辑器和 Markdown 组件提供语法高亮。
用法
gpui = "0.2.2"
gpui-component = "0.4.0"
基本示例
use gpui::*;
use gpui_component::{button::*, *};
pub struct HelloWorld;
impl Render for HelloWorld {
fn render(&mut self, _: &mut Window, _: &mut Context<Self>) -> impl IntoElement {
div()
.v_flex()
.gap_2()
.size_full()
.items_center()
.justify_center()
.child("Hello, World!")
.child(
Button::new("ok")
.primary()
.label("Let's Go!")
.on_click(|_, _, _| println!("Clicked!")),
)
}
}
fn main() {
let app = Application::new();
app.run(move |cx| {
// This must be called before using any GPUI Component features.
gpui_component::init(cx);
cx.spawn(async move |cx| {
cx.open_window(WindowOptions::default(), |window, cx| {
let view = cx.new(|_| HelloWorld);
// This first level on the window, should be a Root.
cx.new(|cx| Root::new(view, window, cx))
})?;
Ok::<_, anyhow::Error>(())
})
.detach();
});
}
仅供个人学习参考/导航指引使用，具体请以第三方网站说明为准，本站不提供任何专业建议。如果地址失效或描述有误，请联系站长反馈～感谢您的理解与支持！
链接: https://fly63.com/nav/4828
