xinglie / report-designer

⚡打印设计、可视化、标签打印、编辑器、设计器、数据分析、报表设计、组件化、表单设计、h5页面、调查问卷、pdf生成、流程图、试卷、SVG、图形元素、物联网、标签纸
https://xinglie.github.io/report-designer/
943 stars 243 forks source link

元素批量属性设置 #76

Open xinglie opened 12 months ago

xinglie commented 12 months ago

同类元素

对于添加的设计元素,比如文本、条形码等,通过之前介绍的元素多选,可以方便的对同种类型的元素进行选中。

当同种类型的元素选中后,在属性面板将会自动展示同类型元素多选后,可供批量操作的属性,如下图所示

image

图片说明

  1. 指示当前处于批量修改状态,且是什么类型的元素批量修改
  2. 参考是指以哪个元素为基准,把其它元素的属性同该元素进行对齐(您可以鼠标hover到参考后面的元素上,设计区将会有元素位置指示器,指明该元素所在位置,如果您看不到该元素,可以鼠标点击一下,设计器将尽可能的把该元素滚动到您的视线内)。被选为参考元素的规则是:批量选中时,以第一个选中元素为参考元素
  3. 如果多选元素属性相同,则该按钮处于禁用状态,告诉您选择的这些元素所有能批量操作的属性值均相同。当有任意一个属性值不同时,该按钮将可用,您可以一键同步这些属性
  4. 可供使用的多选元素属性设置

不同类型的元素

对于添加的不同类型的元素,比如您选中了文本、图片这2种类型的元素,设计器将会算出来这2种元素共有的可同时设置的属性,如下图所示

image

图片说明

  1. 指示当前处于混合元素类型的批量修改属性状态
  2. 同上
  3. 同上
  4. 同上

常见问题

Q. 多选后无批量属性设置 A. 多选的元素之间无相同的属性或其中某个类型的元素暂未被添加可批量操作的属性,您可以少选一些类型进行操作

Q. 不同类型的元素选择后,只展示部分属性 A. 以文本和图片两种元素类型举例,当进行单一类型选择时,比如只批量选中文本类型的元素,这些文本类型都有字体、字号等可以进行批量设置。当再追加选中图片类型的元素后,图片类型的元素并没有字体、字号等属性,故像字体、字号等属性的设置将隐藏。目前混合元素仅支持同一个属性在所有类型中都出现,才可以进行批量设置。

Q. 不同类型的元素,同样的属性不展示 A. 约束条件不同,以属性为例,假设在A类型元素中宽度不允许小于20px,而在B类型元素中,只要宽度不小于0px即可,那么同时选中A、B类型的元素,属性面板中并不会出现在批量操作的属性列表里,因为这2种类型的宽度约束条件不同

Q. X坐标、Y坐标等属性为什么不展示 A. 并非所有相同属性都允许批量操作,虽然程序上是可行的。考虑到具体使用和减少误用,会对批量操作的属性人为控制,如果某些属性确实对您有用,可以联系我打开相应的配置即可。