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日

#1197GUI

Download history 19/week @ 2024-03-04 43/week @ 2024-03-11 13/week @ 2024-03-18 6/week @ 2024-03-25 114/week @ 2024-04-01 13/week @ 2024-04-08 24/week @ 2024-04-15 32/week @ 2024-04-22 18/week @ 2024-04-29 12/week @ 2024-05-06 13/week @ 2024-05-13 20/week @ 2024-05-20 38/week @ 2024-05-27 15/week @ 2024-06-03 12/week @ 2024-06-10 18/week @ 2024-06-17

85 每月下载量
3 个crate中使用(通过 sixtyfps-rendering-backen…

(GPL-3.0-only…

755KB
15K 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 等微控制器类别以及 ARM Cortex A、Intel x86 等多处理器类别。
  • 桌面进行中。虽然 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

入门

你好,世界!

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 用户界面设计标记组成。

Architecture Overview

编译器

`.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

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

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

贡献

我们欢迎您的贡献:代码、错误报告或反馈的形式。

常见问题解答

请参阅我们的单独的 FAQ

关于我们(SixtyFPS GmbH)

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

保持更新

联系我们

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

我们使用我们的Mattermost实例进行聊天,您也可以加入收听或提问。

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

依赖项

~4–6.5MB
~121K SLoC