本帖最后由 随风 于 2024-5-30 15:32 编辑
先简单上个图
插件整体:
[url=]附件[/url]
设计初衷:我们设计页面使用按钮的时候,经常会很杂乱无章,大的大,小的小,这里一个,那里一个,于是,我就做了这个插件,此插件以按钮个数根据横向或者纵向进行等分,比如3个按钮,就3等分,5个按钮就5等分,样式可以统一设置,也可以单独个性化设置,另外加上了一些特殊风格的按钮,满足一些特殊场景,之前是做了一个9.0版本的,但是设计器内预览是个问题刚好10.0的无头浏览器完美解决了这个问题,另外10.0的设置默认值(可以设置按钮1,按钮2,按钮3......这样递增),也需要用到,所以就直接改成10.0版本了,插件地址:https://marketplace.grapecity.com.cn/ApplicationDetails?productID=SP2405300001&productDetailID=D2405300001&tabName=Tabs_detail 以下就是此插件的示例和说明 使用场景:使用按钮的地方(不支持表格,支持图文列表) 横向示例
纵向示例
一、模式设置(横向按钮组,横向间隔,纵向按钮组,纵向间隔) 1. 横向按钮组:按钮之间的间距为2px,边上四个角固定为5px 2. 横向间隔:按钮之间的间距为按钮间距设定值,默认10px,边上四个角固定为5px 纵向同理 二、按钮透明度(值范围0至1, 0为全透明,1为全不透明) 透明度设置示例:
三、按钮颜色,鼠标悬停颜色,文字颜色,字面意思,这三个属性是设置统一样式的 示例:
四、点击按钮列表,可以配置按钮个数,单个设置按钮文字,颜色(这里的各项单个颜色优先于统一颜色),点击命令,命令设置和普通按钮是一样的,这里就不过多解释了 示例:
五、特殊风格设置(最好把按钮样式设置为横向间隔或纵向间隔,这样可以使用按钮间距参数,因为设置成按钮组的时候,按钮间距是固定2px的,不生效,勾选特殊风格设置可以设置一些特殊风格,调整特殊风格参数可以看到效果变化,这个不多解释,大家自己试一下效果就了解了) 横向示例
纵向示例
六、字体,字体大小,加粗,倾斜,下划线,字体加大,字体缩小这些随设计器的工具栏 (注意:字体颜色不随这里变化,做到插件的属性里面去了,在插件里设置)
|