组件风格

Slint 提供了各种内置小部件，可以从 "std-widgets.slint" 导入。您可以通过选择样式来修改这些小部件的外观。

可用的样式包括：

样式名称	亮色变体	暗色变体	描述
fluent	fluent-light	fluent-dark	这些变体属于Fluent样式，它基于Fluent Design System。
material	material-light	material-dark	这些变体是Material样式的一部分，它遵循Material Design。
cupertino	cupertino-light	cupertino-dark	Cupertino变体模拟了 macOS 使用的样式。
qt			Qt样式使用Qt来渲染小部件。此样式需要在系统上安装 Qt。
native			这是一个别名，取决于平台，它是cupertino在 macOS 上，在 Windows 上是fluent，在 Android 上是material，在 linux 上是qt，如果 Qt 可用，否则是fluent。

默认情况下，样式会自动适应系统的暗色或亮色设置。选择-light或-dark变体以覆盖系统设置并始终显示暗色或亮色。

小部件样式是在项目的编译时确定的。选择样式的方法取决于您如何使用 Slint。

如果未选择样式，则native是默认值。

使用 Rust 选择小部件样式：

您可以通过将SLINT_STYLE环境变量设置为所选样式的名称来在开始编译之前选择样式。

使用slint_build API 时，调用slint_build::compile_with_config()函数。

使用slint_interpeter API 时，调用slint_interpreter::ComponentCompiler::set_style()函数。

使用 C++ 选择小部件样式

定义一个SLINT_STYLECMake 缓存变量，其中包含样式名称作为字符串。例如，可以在命令行上执行此操作：

cmake -DSLINT_STYLE="material" /path/to/source

使用slint-viewer预览设计

通过设置SLINT_STYLE环境变量或使用--style参数传递样式名称来选择样式：

slint-viewer --style material /path/to/design.slint

使用 Slint Visual Studio Code 扩展预览设计

首先打开 Visual Studio Code 设置编辑器：

• 在 Windows/Linux 上 - File > Preferences > Settings

• 在 macOS 上 - Code > Preferences > Settings

然后在 Extensions > Slint > Preview:Style 中输入样式名称

使用通用 LSP 进程预览设计

在启动进程之前，通过设置SLINT_STYLE环境变量来选择样式。 或者，如果您的 IDE 集成允许使用命令行参数，则可以使用--style指定样式。