Axure-中继器制作分页

  作为技术领域我们在写功能时可以完成一个个小小的功能,同样的使用Axure原型设计可以完成同样的功能,已达到在给客户演示时看到数据实时更新的效果。
  下边我们就来看一下在原型设计中如何来制作分页。

步骤一

首先我们先制作一个表头这里罗列了三列:序号,姓名,成绩然后我们从元器件中拖进来一个中继器。
这里写图片描述

步骤二

接下来我们选中该中继器,在右侧中继器选项中分别添加行和列以及相应的数据。
步骤如下图所示:
这里写图片描述

步骤三

双击中继器,这时会打开一个新的中继器页面,我们在这里添加相对应的列,默认已经有一列,而我们总共有三列,所以我们在按照相对应的尺寸添加其对应的列即可。
这里写图片描述

步骤四

接下来我们右侧属性栏中找到case1,双击打开添加用例窗口
这里写图片描述
打开之后分别设置每列所对应的值
这里写图片描述

步骤五

接下来开始制作分页效果了,我们分别从元器件中拖两个矩形进行,设置内容为:上一页,下一页。
这里写图片描述
然后我们分别给他们加事件。
选中上一页,我们在右侧属性栏中找到“鼠标单击时”,并且双击它打开添加用例窗口。
按照如下步骤开始操作:
这里写图片描述
然后再讲“下一页”也加入同样的事件即可,不过页码数要改成2,就可以了
这里写图片描述

步骤六

最后再选中中继器,在右侧样式中我们来设置分页。
这里写图片描述
这样就OK啦,然后你预览运行下就实现了此功能了。希望看到这里你也会制作分页。

猜你喜欢

转载自blog.csdn.net/liuhaiyan111/article/details/81316126
今日推荐