Dioxus 材料符号

本项目提供了一种简单但可配置的组件，用于在 Dioxus 中渲染 Google 的 Material Symbols。

它是 dioxus-material-icons 的分支，与类似包之间的区别

• 更多图标（3200 比 1500）
• 更少的样式（3 比 5）

材料符号还支持四种可调整的变量字体样式（填充、粗细、等级和光学大小），但目前尚未实现。

更多信息及所有图标的概述： Google 材料符号

[!注意] 最新支持的 Dioxus 版本是 4.3.0

如何开始

cargo添加 dioxus-material-symbols

本项目引入了两个组件

1. MaterialIconStylesheet
2. MaterialIcon

为了能够在代码的任何位置使用 MaterialIcon 组件，您首先需要包含一个 MaterialIconStylesheet 组件。当您想要使用默认设置时，只需将其添加到应用程序的根组件中，如下所示

MaterialIconStylesheet { }

请参阅文档了解更多选项，例如自托管图标字体文件。

之后，您可以使用 MaterialIcon 组件，就像您预期的那样

MaterialIcon { name: "settings" }

您还可以指定颜色和大小。

MaterialIcon {
    name: "settings",
    size: 24,
    color: MaterialIconColor::Light,
}

替代方案

• dioxus-free-icons（支持其他图标包）
• dioxus-material-icons（支持更多样式）

许可证

本软件根据 MIT 许可证条款许可。

注意：所有材料图标均根据 Apache License 2.0 许可。

© 2024 Lennart Kloock，kualta