AXURE教程:中继器优化原型制作效率
在原型制作过程中,常常会遇到需要重复进行的工作。如果每个模块的内容和位置都需要移动和修改,将会给原型制作者带来很大的困扰和工作量。为了解决这个问题,中继器成为设计师实现高效整体布局和内容梳理的有力工具
在原型制作过程中,常常会遇到需要重复进行的工作。如果每个模块的内容和位置都需要移动和修改,将会给原型制作者带来很大的困扰和工作量。为了解决这个问题,中继器成为设计师实现高效整体布局和内容梳理的有力工具。
中继器的使用技巧
虽然中继器刚开始可能有些繁琐,但经过多次使用后,你会发现它非常方便。首先,在页面上新建一个中继器,并双击进入中继器页面。删除原有的表格,并添加四个矩形以及一个图片。其中,第四个矩形可以作为分割线,在调整好形状后隐藏掉。
对于整体布局来说,内容和格式是必不可少的。我们需要对每个矩形内的文字大小和粗细进行调整。例如,可以加粗标题矩形的字体并增大字号,调整作者和日期矩形的字体颜色,以及调整文章内容矩形的文字大小。
调整完内容后,隐藏所有矩形的边框。此时,你可以在对应的示意图中看到中继器已初具效果。
个性化修改标题
接下来,让我们来看一下如何调整每篇文章的标题。在中继器所在的页面中选中它,你会发现右侧有一个方法,即在加载页面时对其赋值。我们可以设置文字(形状) [[]]。
双击进入中继器后,在内部页面中可以看到一个表格,其中有一列正好叫做column0。这个方法实际上是将column0这一列中的所有值按顺序添加给中继器。中继器能重复多少次,则由这个表格的行数控制。
为了方便记录,我们需要修改各个矩形的名称和中继器表格的列名。请注意,中继器的列名应以英文或拼音命名,否则可能无法取到值。
然后,修改中继器的载入方法,对每个矩形进行赋值操作。作为分割线的矩形无需赋值。
提升新闻内容制作效率
接下来,我们简单写几个新闻标题和内容,并查看整体布局。如果还需要调整文字,直接对矩形进行调整即可。完成后,发布并查看效果。
此时,已经基本完成,但是没有图片的新闻不够吸引人。我们可以在中继器中插入几个满意的新闻图片。
在前面的步骤中,可能有一个地方出错了。对于图像的赋值需要格外注意,需要使用图像设置进行操作。
最终完成的效果如图所示。如果领导要求调整某个内容的布局,将非常简单。只需在中继器中拖拽调整即可。修改原型中的内容也可集中在中继器的表格中完成。这样一来,我们能够提高制作原型的效率,方便许多。