找回密码
 立即注册

QQ登录

只需一步,快速开始

allen.leng

注册会员

8

主题

28

帖子

110

积分

注册会员

积分
110
最新发帖

[已处理] SJ v17.0.4 icon间距

allen.leng
注册会员   /  发表于:2024-8-20 17:42  /   查看:253  /  回复:11
image.png865403747.png   通过style在单元格内设置了一个icon,position设置的是right ,是否有什么设置能够增加icon的右边距 ,使其不要这么靠近边框

11 个回复

倒序浏览
Wilson.Zhang
超级版主   /  发表于:2024-8-20 17:59:42
沙发
您好!请问下您的需求是怎样的呢?
回复 使用道具 举报
allen.leng
注册会员   /  发表于:2024-8-20 18:00:57
板凳
Wilson.Zhang 发表于 2024-8-20 17:59
您好!请问下您的需求是怎样的呢?

需求就是显示icon   但是现在icon贴着border了
回复 使用道具 举报
Wilson.Zhang
超级版主   /  发表于:2024-8-21 09:48:10
地板
allen.leng 发表于 2024-8-20 18:00
需求就是显示icon   但是现在icon贴着border了

icon是图片吗?如果是图片的话,您可以通过添加图片的方式将icon添加至单元格,并且在添加时指定相对于图片起始列的偏移量,即Shape:startColumnOffset()。这种设置方式并非将icon图片添加在单元格内部,而是通过位置让图片看起来在单元格内,但实际上图片悬浮在单元格上。

请参考官网API文档了解详情:https://demo.grapecity.com.cn/sp ... e#startcolumnoffset
回复 使用道具 举报
allen.leng
注册会员   /  发表于:2024-8-21 10:23:36
5#
Wilson.Zhang 发表于 2024-8-21 09:48
icon是图片吗?如果是图片的话,您可以通过添加图片的方式将icon添加至单元格,并且在添加时指定相对于图 ...

是用style decoration实现的
回复 使用道具 举报
Wilson.Zhang
超级版主   /  发表于:2024-8-21 11:29:32
6#
allen.leng 发表于 2024-8-21 10:23
是用style decoration实现的

需要您提供一下设置方式相关的代码,根据您的代码来试验。
回复 使用道具 举报
allen.leng
注册会员   /  发表于:2024-8-21 13:09:39
7#
Wilson.Zhang 发表于 2024-8-21 11:29
需要您提供一下设置方式相关的代码,根据您的代码来试验。



const style= new spreadNS.Sheets.Style();


const decoration = {
                                        icons: [
                                            {
                                                src: conditionalFormatIcon,
                                                position: spreadNS.Sheets.IconPosition.right,
                                                width: 20,
                                                height: 20
                                            },
                                        ]
                                    };
style.decoration = decoration;

cell.setStyle(style);


大致上是这样子
回复 使用道具 举报
Wilson.Zhang
超级版主   /  发表于:2024-8-21 14:25:32
8#
allen.leng 发表于 2024-8-21 13:09
const style= new spreadNS.Sheets.Style();

通过decoration设置icon位置暂不支持设置边距,icon可以设置的位置包括单元格左侧、右侧、文本左侧、文本右侧、左侧外部和右侧外部,可参考API文档了解详情:https://demo.grapecity.com.cn/spreadjs/help/api/enums/GC.Spread.Sheets.IconPosition
回复 使用道具 举报
allen.leng
注册会员   /  发表于:2024-9-3 17:20:00
9#
Wilson.Zhang 发表于 2024-8-21 14:25
通过decoration设置icon位置暂不支持设置边距,icon可以设置的位置包括单元格左侧、右侧、文本左侧、文本 ...

我对图片文件本身下手了,  给图片文件边上添加透明底的边距就好了。 仅供参考
回复 使用道具 举报
Wilson.Zhang
超级版主   /  发表于:2024-9-3 17:46:09
10#
allen.leng 发表于 2024-9-3 17:20
我对图片文件本身下手了,  给图片文件边上添加透明底的边距就好了。 仅供参考

能解决问题就是好方法,您可以分享下代码帮我们介绍下您的解决方案吗?
回复 使用道具 举报
12下一页
您需要登录后才可以回帖 登录 | 立即注册
返回顶部