重构 表控件 Stimulsoft 中的JS组件

本次重构软件主要是想为 Stimulsoft ?添加微软Office 2022风格的新界面主题，添加后将可以大大增加CSS文件的数量，从根本上增加产品包的大小。

背景：

本次重构软件主要是想为 Stimulsoft 添加微软Office 2022风格的新界面主题，添加后将可以大大增加CSS文件的数量，从根本上增加产品包的大小。因此，我们决定改变JS组件的设计模型，解决以下任务。

• 添加具有各种颜色特点的新界面主题；
• 为我们的用户保持向后兼容性；
• 避免增加产品脚本的大小。

下面让我们更深入地了解细节。
新主题
如上所述，2022.4 版本的主要为 JS 组件添加了 Microsoft Office 2022 风格的界面主题，拥有各种颜色并默认使用该主题，并保持向后兼容性这是一种可以随时将主题更改为具有必要色调的 Microsoft Office 2013 的能力。

摆脱CSS文件的影响

新方法和新选择

为了保持向后兼容性，我们提供了使用组件选项或特殊方法的能力。JS组件新增主题选项，默认设置界面主题。它位于外观设置组中。该选项可以通过StiViewerTheme (StiDesignerTheme)枚举之一设置。例如，

options.appearance.theme = Stimulsoft.Viewer.StiViewerTheme.Office2022WhiteBlue

此外，为了更改组件的主题，添加了一个特殊的setTheme方法。它允许您在使用 JS 组件时更改主题。作为参数，该方法采用相同的枚举，例如

viewer.setTheme(Stimulsoft.Viewer.StiViewerTheme.Office2022WhiteTeal)

各种比例的图标显示

我们添加了多种尺寸的组件控件的附加图像，以在各种屏幕比例下显示图标。自然地，图像数量的增加导致了脚本大小的增加。为了避免这种情况，我们将所有图像都转换为WebP格式，这让我们可以节省以前的产品脚本大小。现在，所有 JS 组件、设计器和查看器都可以在不同的用户屏幕比例下正确查看。

想要了解Stimulsoft价格信息的朋友，欢迎咨询官方客服。

加入官方 群，了解更多产品信息，互相交流。

QQ群 ：

标签：