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 日

#1004GUI

34 每月下载量
6 个仓库使用(5 个直接使用)

(GPL-3.0-only…

525KB
11K SLoC

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

演示

嵌入式

RaspberryPi STM32 RP2040
Raspberry Pi上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语言文档

“examples”文件夹包含示例和演示,展示了如何使用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 时可以轻松预览 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]私下联系我们。

依赖项

~2.8–5.5MB
~109K SLoC