Glyphicons 的优势

与位图图标相比，字形图标有许多优势。它们实际上是 Bootstrap（我们使用的 CSS 框架）附带的一种特殊字体中的字符。因此，它们与按钮标签共享几个属性：

• 您可以使用 CSS 更改它们的大小和颜色。
• 它们通过在深色背景上自动变为白色来响应按钮样式。
• 它们在任何尺寸和分辨率下都保持清晰。特别是在“Retina”显示屏上，您可以看到位图图标和字形图标之间的区别。

在性能方面还有另一个优势。图标字体已由我们的 Web 客户端加载并可供您使用。位图图标会导致向服务器发出额外请求，但字形图标则不会。尤其是在移动设备上，请求数量的每次减少都很重要。

建模者支持

在业务建模器中，按钮的属性“图像”已重命名为“图标”，编辑此属性将为您提供以下选择器。

有超过两百种字形可供选择，因此我们提供根据其名称进行筛选的选项。当然，您仍然可以通过“图像”选项使用位图图标。

当您创建新项目时，这一切都很好，但是如果您已经有一个包含数百页按钮的项目，该怎么办？这就是新的批量图标更新的用武之地。您可以在“工具”菜单中找到它，它允许您快速更改数千个按钮的图标。有两种可以组合的过滤方式：

• 您可以根据按钮类型进行过滤。例如，您可以快速将图标应用于所有数据视图“保存”按钮或所有网格“新建”按钮。
• 您可以根据按钮当前的图标进行过滤。例如，替换所有现在具有旧软盘保存位图图标的按钮的图标。具有该图像的“保存”按钮和微流按钮都将被更新。

最后，您可以选择为筛选出的按钮组指定什么图标。选择“无”可以清除这些按钮的图标。请注意，此项目范围的操作无法撤消，因此我们建议使用版本控制以确保您可以撤消不需要的更改。

默认情况下，建模器不再将图标放在按钮上。许多开发人员告诉我们，他们做的第一件事就是删除它们，所以我们决定为他们省去一步。

总结

In Mendix 5.16 我们将 Bootstrap 框架升级到 3.3.2，以便您有更多图标可以使用。从我们的 论坛，人们已经在使用 CSS 解决方法在按钮上显示字形图标，但现在您可以开始使用新图标，并在 Modeler 中实际看到您正在做什么。最后，我们要感谢 Glyphicons.com 让他们的 Halflings 图标免费提供给 Bootstrap 用户。