星空外围权威网站

重构报表控件 Stimulsoft 中的JS组件

原创|产品更新|编辑：何家巧|2022-12-13 12:14:34.267|阅读 111 次

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

# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>

相关链接：

慧都年终大促

Stimulsoft Ultimate官方正版下载

背景：

本次重构软件主要是想为 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群号：740060302



标签：

本站文章除注明转载外，均为本站原创或翻译。欢迎任何形式的转载，但请务必注明出处、不得修改原文相关链接，如果存在内容上的异议请邮件反馈至chenjj@atlvshi.cn


为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP