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 日 |
#1004 在 GUI 中
34 每月下载量
被 6 个仓库使用(5 个直接使用)
525KB
11K 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 从 MCU 类别到 ARM Cortex A、Intel x86 从 MPU 类别。
- 桌面:进行中。虽然 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
打印机演示 | 拼图游戏 | 能源监控器 | 小部件画廊 |
---|---|---|---|
入门指南
Hello World
UI是在一个声明性、易于使用、直观的领域特定语言中定义的,它提供了一种强大的方式来描述图形元素、它们的位置、它们的层次结构、属性绑定以及数据在不同状态间的流动。
这里是必不可少的“Hello World”
export component HelloWorld inherits Window {
width: 400px;
height: 400px;
Text {
y: parent.width / 2;
x: parent.x + 200px;
text: "Hello, world";
color: blue;
}
}
文档
有关更多详细信息,请参阅Slint语言文档。
“examples”文件夹包含示例和演示,展示了如何使用Slint标记语言以及如何从支持的编程语言与Slint用户界面交互。
“docs”文件夹包含大量信息,包括构建说明和内部开发者文档。
请参阅api
文件夹中每个语言目录的README。
架构
应用程序由用Rust、C++或JavaScript编写的业务逻辑以及编译为本地代码的.slint
用户界面设计标记组成。
编译器
在编译时预编译 .slint
文件。在 .slint
中的表达式是编译器可以优化的纯函数。例如,编译器可以选择“内联”属性并删除那些是常量或未更改的属性。未来,我们希望通过预处理图像和文本来提高低端设备的渲染时间。编译器可以确定一个 Text
或一个 Image
元素总是位于相同位置上的另一个 Image
元素之上。因此,这两个元素可以预先渲染成一个单独的元素,从而减少渲染时间。
编译器使用典型的编译器阶段,包括词法分析、解析、优化和最终代码生成。它为生成目标语言的代码提供不同的后端。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设计师。我们相信软件是自然生长的,而保持其开源性是维持这种增长的最佳方式。我们的团队成员分布在全球各地的德国。
保持最新
- 在X/Twitter上关注@slint-ui。
- 在Mastodon上关注@[email protected]。
- 在LinkedIn上关注@slint-ui。
联系我们
欢迎加入Github discussions进行一般聊天或提问。使用Github issues报告公开建议或错误。
我们在我们的Mattermost实例中聊天,欢迎您加入收听或提问。
您当然也可以通过电子邮件[email protected]私下联系我们。
依赖项
~2.8–5.5MB
~109K SLoC