【Wyn V7.0】产品易用性提升：仪表板设计器全新UI升级（1）

收藏

本帖最后由 Eden.Sun 于 2023-7-19 11:44 编辑

Wyn 7.0全新发布，本次升级极大优化了仪表板设计时体验，提升了产品易用性。让我们在设计时能够更加的流畅，达到事半功倍的的效果。这里为大家介绍新版本中对仪表板新特性内容。

1. 组件层级
在设计仪表板时，往往会设计多个组件，其中很多组件没有边框，想要准确识别可点击和选中的区域并不容易，尤其是多层重叠的场景，比如多个富文本、图片组件、 ETC。基于这个情况，新增了组件层级功能，将我们仪表板中的所有组件展示出来，一目了然：

① 在设计器汇总找到组件层级：
image.png687815246.png

② 点击之后就会显示当前仪表板的组件列表：
image.png734070434.png

③ 点击想查看的组件就能在仪表板中选中组件：
image.png860871887.png

2. 组件的操作菜单

组件的操作菜单是在组件内部，当组件缩小到一定程度之后，会变得难以操作，在新版本中，将缩小后的组件的操作菜单放到了组件外部，便于操作：
image.png621982421.png

3. 快速布局
设计仪表板时可以快速对齐组件，实现快速精准布局，不用在手动调整坐标位置或者手动拖动

① 对齐方式有视频对齐和垂直对齐两种方式，通过其中的对齐方式我们可以实现图标的快速对齐：
水平对齐：左对齐、水平居中、右对齐
垂直对齐：顶端对齐、垂直居中、底端对齐
对齐演示.gif525876769.png

② 组件分布
组件分布，分为水平平均分布和垂直平均分布两种，可以调整选中的组件的间距，将间距均分，美化布局
分布.gif917066955.png

4. 属性折叠能力
仪表板的每个组件都有丰富属性设置，全部展示出来会在属性设置面板中占据很大的位置，需要不断的滚动才能查看属性。在新版本中，增加了属性的折叠展开功能，便于属性的查找和展示：
属性折叠展开.gif609685973.png

5. 内置固定尺寸
在设计仪表板时，我们需要自己设置尺寸大小，但是一些设备的大小是固定的，因此在新版本中，我们内治疗固定尺寸的一些规格，设计时可以直接下拉选择使用：
固定尺寸.gif709114989.png

		自动登录	找回密码
密码			立即注册

【Wyn V7.0】产品易用性提升：仪表板设计器全新UI升级（1）

0 个回复

Wyn高级认证

Wyn认证