在Axure中,表格这个元件想必大家在做原型时都用过,它相当于把矩形框(灰色线条白色底)合并成组,但有一个比较麻烦的地方在于如果想拖动表格的时候,必须在表格灰色区域鼠标悬浮并出现"十"字方向移动项的时候才能进行移动,如果单独拖动,就会出现选中该区域或者多选表格框的情况。那么怎么避免这个问题,用中继器来做宽度不同的表格?现在,小编给大家介绍一下怎么进行设置,一定要跟着节奏哟~~

如何用Axure中继器做不同宽度的表格

如何用Axure中继器做不同宽度的表格
图一

如何用Axure中继器做不同宽度的表格
图二

首先,我们先从左侧的元件库中拖入一个中继器(图一),然后双击进入中继器,将中继器中内容为"2"、"3"的矩形个缩小到上方矩形的一半,这样就可以先做出了不同的宽度的矩形。(图二)

如何用Axure中继器做不同宽度的表格如何用Axure中继器做不同宽度的表格
图三

如何用Axure中继器做不同宽度的表格
图四

回到刚拖入中继器的页面后,在右侧"概要:页面"一栏中,将Column0中多余的内容2、3这两栏删除后(图三),再横向新增Column1、Column1识别块并键入内容2、3(图四)
如何用Axure中继器做不同宽度的表格

如何用Axure中继器做不同宽度的表格
图五

如何用Axure中继器做不同宽度的表格
图六

如何用Axure中继器做不同宽度的表格
图七

双击右侧"验视:中继器"中属性下的"每项加载时"的case1,将新的识别块进行勾选(默认为Column0),然后将Column0更改为Column1、Column2所对应的内容块2、3后点击确定,就会得到下图所示的样子:
如何用Axure中继器做不同宽度的表格
如何用Axure中继器做不同宽度的表格

由此可见,三个中继器中,宽度不同的矩形代表了终极其中三个不同的数值或者内容;但因为三个数值或者内容不同,所以,设置内容时要设置为Column0~Column2相对应的数值或内容。这样,就能做出来三个不同的矩形或者表格所对应的三个不同的内容。
===================华丽丽的分割线=====================
附上小编做好的****:

相关文章:

  • 2021-12-23
  • 2021-05-27
  • 2021-04-17
  • 2021-06-01
  • 2021-08-21
  • 2021-12-21
  • 2021-12-04
  • 2021-07-08
猜你喜欢
  • 2021-11-11
  • 2021-07-11
  • 2021-12-04
  • 2021-07-10
  • 2022-12-23
  • 2021-12-21
  • 2021-12-21
相关资源
相似解决方案