[{"id":"840f0737-df1d-47ae-bb0a-359b01fe0608","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"d5d9cdef-8854-4505-89be-a2bbc3cb4482","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"3dc3dd55-35b0-4d23-bf62-47bc3650e4ee","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"80d84fbc-d0f8-4e4a-947f-e3e4de9b49b2","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"9152b7ca-0186-4fe3-a26f-5a05f322db07","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]}]
        
(Showing Draft Content)

条目布局

条目布局是魔数图的专用属性,用于设置魔数图的布局。

image

条目介绍

布局模式

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

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

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

    image.png

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

    image.png

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


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

    image.png

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

    image.png

    image.png

排布方向

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

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

每行条目数量

每个显示单元中包含的条目数量。

使用Z模式时设置的是每行的条目数量;而使用N模式时设置的就是每列的条目数量。

是否分页

如有多个条目显示不下时,是否进行分页显示。如不分页,则会显示滚动条。

每页条目数量

如开启了分页显示,就可以设置每页显示多少个条目。