13 个版本
0.1.6 | 2022年1月21日 |
---|---|
0.1.5 | 2021年11月24日 |
0.1.4 | 2021年10月22日 |
0.1.0 | 2021年6月30日 |
0.0.2 | 2020年10月22日 |
#1197 在 GUI 中
85 每月下载量
在 3 个crate中使用(通过 sixtyfps-rendering-backen…)
755KB
15K SLoC
Slint 是一个声明式GUI工具包,用于用Rust、C++或JavaScript编写桌面和嵌入式应用程序的原生用户界面。名称 Slint 来自我们的设计目标
- 可扩展性:Slint 应该支持响应式UI设计,允许跨操作系统和处理器架构使用,并支持多种编程语言。
- 轻量级:Slint 应该消耗最少的资源,包括内存和处理能力,同时在任何设备上提供流畅、类似智能手机的用户体验。
- 直观性:设计师和开发者应该在使用GUI设计和开发过程中感到高效,设计创建工具应该对设计师来说易于使用。同样,对于开发者来说,API应该一致且易于使用,无论他们选择哪种编程语言。
- 原生性:使用Slint构建的GUI应与最终用户对原生应用程序的期望相符,不受平台影响 - 桌面、移动、Web或嵌入式系统。UI设计应编译成机器码,并提供只有原生应用程序才能提供的灵活性:访问完整的操作系统API,利用所有CPU和GPU核心,连接到任何外围设备。
我们邀请您使用Slint并成为其社区的一员。
访问 #MadeWithSlint 查看使用Slint的一些项目,并加入Slint社区。
当前状态
Slint 正在积极开发中。以下是对每个平台支持状态的说明
- 嵌入式:就绪。Slint 正在由客户在生产嵌入式设备上运行,这些设备运行嵌入式 Linux 和 Windows。Slint 运行时需要少于 300KiB 的 RAM,并可以在不同的处理器架构上运行,例如 ARM Cortex M、ESP32、STM32 等微控制器类别以及 ARM Cortex A、Intel x86 等多处理器类别。
- 桌面:进行中。虽然 Slint 在 Windows、Linux 和 Mac 上都适用,但我们正在后续版本中努力改进平台支持。
- Web: 进行中。Slint 应用可以编译成 WebAssembly,并在网页浏览器中运行。由于有许多其他 Web 框架,Web 平台并不是我们的主要目标平台。Web 支持 目前仅限于演示目的。
- 移动
- Android: 进行中。在此处跟踪工作进度 https://github.com/slint-ui/slint/issues/46。
- iOS: 待办。在 Android 的初始支持完成后,将开始支持 iOS。
无障碍性
Slint 支持许多小部件的基于键盘的导航,用户界面可伸缩。辅助技术(如屏幕阅读器)的基本基础设施已经到位。我们清楚,为了获得对有特殊需要的用户的一流支持,还需要做更多的工作。
演示
嵌入式
RaspberryPi | STM32 | RP2040 |
---|---|---|
Raspberry Pi 上 Slint 的视频 | STM32 上 Slint 的视频 | RP2040 上 Slint 的视频 |
桌面
Windows | macOS | Linux |
---|---|---|
使用 WebAssembly 的 Web
打印机演示 | 拼图游戏 | 能耗监控器 | 小部件画廊 |
---|---|---|---|
入门
你好,世界!
UI 是在一种声明性、易于使用、直观的领域特定语言中定义的,它提供了描述图形元素、它们的位置、它们的层次结构、属性绑定以及不同状态间数据流的有效方法。
这里是必要的 "你好,世界!"
export component HelloWorld inherits Window {
width: 400px;
height: 400px;
Text {
y: parent.width / 2;
x: parent.x + 200px;
text: "Hello, world";
color: blue;
}
}
文档
有关更多详细信息,请参阅 Slint 语言文档。
示例文件夹包含示例和演示,展示了如何使用 Slint 标记语言以及如何从支持的编程语言与 Slint 用户界面交互。
文档文件夹包含更多信息,包括 构建说明 和 内部开发者文档。
请参阅 api
文件夹中每个语言目录的 README。
架构
应用程序由用 Rust、C++ 或 JavaScript 编写的业务逻辑以及编译成本地代码的 .slint
用户界面设计标记组成。
编译器
`.slint` 文件是在编译前预先编译的。`.slint` 中的表达式是纯函数,编译器可以对其进行优化。例如,编译器可以选择将属性“内联”并删除那些是常量或未更改的属性。未来,我们希望通过预处理图像和文本来提高低端设备上的渲染时间。编译器可以确定一个 `
编译器使用典型的编译器阶段:词法分析、语法分析、优化,最后是代码生成。它为生成目标语言的代码提供了不同的后端。C++ 代码生成器生成一个 C++ 头文件,Rust 生成器生成 Rust 代码,等等。还包括动态语言的解释器。
运行时
运行时库包括一个支持 `<.slint>` 语言中声明的属性的引擎。将具有其元素、项和属性的组件布局在单个内存区域中,以减少内存分配。
渲染后端和样式可以在编译时配置
- `femtovg` 渲染器使用 OpenGL ES 2.0 进行渲染。
- `skia` 渲染器使用 Skia 进行渲染。
- `software` 渲染器使用 CPU,没有额外的依赖。
注意:当系统上安装了 Qt 时,`qt` 样式可用,使用 Qt 的 QStyle 实现原生外观的控件。
工具
我们有一些工具可以帮助开发 `.slint` 文件
- 一个 LSP 服务器,它为许多编辑器添加了自动完成和 `.slint` 文件实时预览等功能。
- 它捆绑在 Visual Studio Code 扩展 中,可在市场处获取。
- 一个 slint-viewer 工具,它显示 `.slint` 文件。`--auto-reload` 参数使得在您修改 UI 时预览 UI 变得非常容易(当使用 LSP 预览不可用时)。
- SlintPad,一个在线编辑器,用于尝试 `.slint` 语法而无需安装任何东西(源代码)。
- 一个 更新器,用于将 `.slint` 文件从旧版本转换为新版本。
- 一个实验性的 Figma 导入器。
请查看我们的 编辑器 README,了解如何配置您最喜欢的编辑器以与 Slint 一起良好工作。
许可
您可以根据自己的选择在以下任何一种许可下使用 Slint
另请参阅 许可常见问题解答
贡献
我们欢迎您的贡献:代码、错误报告或反馈的形式。
- 如果您在问题中看到 RFC 标签,请随时发表意见。
- 有关贡献指南,请参阅 CONTRIBUTING.md。
常见问题解答
请参阅我们的单独的 FAQ。
关于我们(SixtyFPS GmbH)
我们对软件充满热情——API设计、跨平台软件开发和用户界面组件。我们的目标是让每个人都能享受开发用户界面的乐趣:从JavaScript、C++或Rust开发者到UI/UX设计师。我们相信软件是自然成长的,保持其开源性是维持这种增长的最佳方式。我们的团队成员分布在全球各地的德国。
保持更新
- 关注我们的@slint-ui在X/Twitter。
- 关注我们的@[email protected]在Mastodon。
- 关注我们的@slint-ui在LinkedIn。
联系我们
欢迎加入Github讨论进行一般聊天或提问。使用Github问题报告公开建议或错误。
我们使用我们的Mattermost实例进行聊天,您也可以加入收听或提问。
当然,您也可以通过电子邮件[email protected]私下联系我们。
依赖项
~4–6.5MB
~121K SLoC