13个版本

0.2.0 2024年3月14日
0.1.10 2023年4月3日
0.1.9 2022年9月14日
0.1.8 2022年7月5日
0.1.0 2020年8月26日

#1294 in GUI

Download history 3036/week @ 2024-03-14 2898/week @ 2024-03-21 2460/week @ 2024-03-28 2298/week @ 2024-04-04 2299/week @ 2024-04-11 2468/week @ 2024-04-18 2463/week @ 2024-04-25 2272/week @ 2024-05-02 2074/week @ 2024-05-09 2414/week @ 2024-05-16 2161/week @ 2024-05-23 2955/week @ 2024-05-30 10513/week @ 2024-06-06 19599/week @ 2024-06-13 17497/week @ 2024-06-20 15268/week @ 2024-06-27

63,365 每月下载量
44 个库中使用 (通过 vtable)

MIT/Apache

34KB
569 代码行

Slint Slint

Build Status REUSE status Discussions

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支持目前仅限于演示目的。
  • 移动

无障碍性

Slint支持许多小部件基于键盘的导航,用户界面可缩放。辅助技术(如屏幕阅读器)的基本基础设施已到位。我们意识到,为了为有特殊需求的用户提供最佳支持,还需要做更多的工作。

演示

嵌入式

树莓派 STM32 RP2040
树莓派上Slint的视频 STM32上Slint的视频 RP2040上Slint的视频

桌面

Windows macOS Linux
Screenshot of the Gallery on Windows Screenshot of the Gallery on macOS Screenshot of the Gallery on Linux

使用WebAssembly的Web

打印机演示 拼图游戏 能源监控器 小部件画廊
Screenshot of the Printer Demo Screenshot of the Slide Puzzle Screenshot of the Energy Monitor Demo Screenshot of the Gallery Demo

入门

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语言文档

示例文件夹包含示例和演示,展示了如何使用Slint标记语言以及如何从受支持的编程语言与Slint用户界面进行交互。

docs文件夹包含更多信息,包括构建说明内部开发者文档

请参阅api文件夹中每个语言目录的README。

架构

一个应用程序由用Rust、C++或JavaScript编写的业务逻辑以及编译成本地代码的.slint用户界面设计标记组成。

Architecture Overview

编译器

`.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 更加容易(当使用 LSP 预览不可用时)。
  • SlintPad,一个在线编辑器,可以尝试 .slint 语法而无需安装任何东西(来源)。
  • 一个 更新器,将 .slint 文件从旧版本转换为新版本。
  • 一个实验性的 Figma 导入器

请查看我们的 编辑器 README,了解如何配置您喜欢的编辑器以与 Slint 一起良好工作。

许可

您可以选择以下任何一种许可协议来使用 Slint

  1. 免费许可,
  2. GNU GPLv3,
  3. 付费许可.

另请参阅 许可常见问题解答

贡献

我们欢迎您的贡献:无论是代码、错误报告还是反馈。

常见问题

请参阅我们单独的FAQ

关于我们(SixtyFPS GmbH)

我们对软件充满热情 - API设计、跨平台软件开发和用户界面组件。我们的目标是让每个人都能享受开发用户界面的乐趣:从JavaScript、C++或Rust开发者到UI/UX设计师。我们相信软件是自然生长的,而保持其开源性是维持这种增长的最佳方式。我们的团队成员分布在德国的远程工作地点。

保持更新

联系我们

欢迎加入Github discussions进行一般聊天或提问。使用Github issues报告公开建议或错误。

我们正在我们的Mattermost实例聊天,您随时可以加入收听或提问。

当然,您也可以通过电子邮件[email protected]私下联系我们。


lib.rs:

vtable crate的实现细节

依赖项

~280–730KB
~17K SLoC