[]
        
在线Demo 免费试用
(Showing Draft Content)

条目布局

1. 概述

1.1 功能概述

条目布局是魔数图的专用属性,用于设置魔数图的布局。本节为您介绍条目布局属性。如下图所示为魔数图的条目布局属性。

PixPin_2025-06-18_11-57-42

2. 条目布局

2.1 布局模式

  1. 支持自动、均分和固定尺寸三种模式。

    PixPin_2025-06-18_12-08-23

  • 自动: 根据比例自动调整进行显示,优先保证组件的显示比例,画面可能会出现滚动条或者未填充满整个画面的情况。

    • 例如,下图是自动模式下的Z模式,画面横向铺满,然后按组件设计比例显示高度,显示完成后出现了纵向的滚动条。

      PixPin_2025-06-18_12-05-47

      例如,下图是自动模式下的纵向排布,画面纵向铺满,然后按组件设计比例显示宽度,显示完成后出现了横向未铺满的情况。

      PixPin_2025-06-18_12-07-25

      综上可以看到,自动模式优先保证的是保持组件原有的设计宽高比。然后再按其他的设置项进项展示,不考虑是否正好铺满了整个画面。


  • 均分: 所有条目平均分配页面尺寸,充满整个页面。此时不保证组件的显示比例。

    PixPin_2025-06-18_12-04-28

  • 固定尺寸: 按设置的固定宽高来显示条目。

    PixPin_2025-06-18_12-10-08

    PixPin_2025-06-18_12-10-35

2.2 排布方向

  1. 指魔数图的数据排布方向,可选Z模式或N模式。

    PixPin_2025-06-18_12-09-20

  • Z模式: 指从左到右进行排布。

  • N模式: 指从上到下进行排布。

2.3 每行条目数量

  1. 每个显示单元中包含的条目数量。使用Z模式时设置的是每行的条目数量;而使用N模式时设置的就是每列的条目数量。

    PixPin_2025-06-18_12-11-47

2.4 每页条目数量

  1. 设置每页显示多少个条目数量。

    PixPin_2025-06-18_12-11-55