找回密码
 立即注册

QQ登录

只需一步,快速开始

Winny

超级版主

141

主题

261

帖子

1682

积分

超级版主

Rank: 8Rank: 8

积分
1682
Winny
超级版主   /  发表于:2023-7-5 19:07  /   查看:1624  /  回复:0
本帖最后由 Winny 于 2023-8-3 18:29 编辑

需求背景:和Excel一致,SpreadJS表角展示的是一个灰色的小三角,并且这个三角颜色、大小均与Excel对应主题显示一致。如下所示:
image.png81482543.png
但是,Web端项目,客户经常会有一些自己内部的图标风格,希望能替换此处的小三角。

实现方案:
整体实现方式,其实和自定义单元格是一致的,只不过自定义单元格,覆盖的是单元格类型的paint方法。而对于表角,覆盖GC.Spread.Sheets.CellTypes.Corner的paint方法即可。paint里边本质还是使用的Canvas相关的技术,这一点需要前端研发同学提前学习了解噢。先展示一下实现效果:
image.png13081664.png

关于paint方法中,每个参数的详细解释,可以参考下图解释:
image.png787637023.png

详细的demo可以点击这里,跳转查看详细代码示例。





0 个回复

您需要登录后才可以回帖 登录 | 立即注册
返回顶部