AXURE怎么使用中继器实现样式重复但内容不同的效果?

所属分类: 软件教程 / 图形图像 阅读数: 1406
收藏 0 赞 0 分享

原型制作来说,有很多平时会重复的工作,一般的复制粘贴即可,但若所有模块的内容、位置都要移动与修改,那么就可能造成很大的工作量,导致原型制作者很大的苦恼,中继器可以在一定程度上帮助设计者实现高效的整体布局与内容梳理。

1、中继器看似麻烦,但用多了,反而很顺手:首先在页面新建一个中继器,双击后进入中继器页面,将原有的表格删掉,向其中添加四个矩形一个图片。其中第四个矩形作为分割线,调整好形状后隐藏掉

2、对于整体布局来讲内容与格式必不可少,我们需要对每个矩形内的文字大小以及是否加粗做出调整,比如对标题矩形进行字体加粗,字号加大处理,对作者日期矩形做出字体颜色调整,对文章内容矩形调整文字大小

3、调整好内容后,将所有的矩形边框隐藏掉,我们可以在对应的例图中看到中继器已经初具效果了。

4、下面我们来看如何调整每篇文章的标题:我们在中继器所在的页面中选中它,可发现右侧有个方法,即在加载页面时,对其赋值:设置文字(形状)=[[item.column0]];,我们双击中继器后,在中继器内部页面可看到下面有个表格,其中有一列正好叫column0;其实这个方法就是将column0这一列中的所有值,按顺序添加给中继器,而中继器能重复多少次,则是由这个表格的行数控制的。

5、下面我来修改各个矩形名称、中继器表格列名以便记录,此时应注意,中继器的列名应以英文或拼音命名,否则可能取不到值!

6、之后修改中继器的载入方法,对每个矩形进行赋值操作,作为分割线的矩形无需赋值。

7、下面我们来简单的写点新闻标题与内容,写好后看下整体布局,若还需调整文字,则直接对矩形进行调整即可,写好后发布下看下效果

8、此时已经基本完成,但是没有图片的新闻不是好新闻,我们也可在中继器中插入几个满意的新闻图片

9、前面第五步有个地方做错了,对于图像的值得设置要格外注意,需要使用图像设置。

10、最终完成,效果如图,此时若领导要你调整某个内容的布局,将非常简单,只需在中继器中拖拽调整即可,修改原型中的内容也可集中在中继器的表格中完成,是否方便了许多呢?

相关推荐:

axure8中继器怎么添加数据?

Axure怎么制作中继器的筛选功能?

axure怎么用中继器制作微博联系人效果?

更多精彩内容其他人还在看

电子身份证怎么弄 电子身份证在哪里办理

电子身份证的推出,让很多市民外出都不必带原件,还防止意外丢失,那么电子身份证在哪里办理呢
收藏 0 赞 0 分享

Visio网格线怎么去除? visio网格线不显示的教程

Visio网格线怎么去除?Visio中绘制图形的时候,默认是打开网格线的,看上去很碍事,想要关闭,该怎么设置visio网格线不显示呢?请看下文详细介绍,需要的朋友可以参考下
收藏 0 赞 0 分享

visio怎么画UML图? visio绘制uml类图的教程

visio怎么画UML图?visio中绘制图形很简单,今天我们就来看看uml图的绘制方法,很简单,都是基础教程,感兴趣的朋友可以进来参考一下
收藏 0 赞 0 分享

CAXA块怎么建立与消隐?

CAXA块怎么建立与消隐?CAXA中经常绘制图形,需要将图形组成块方便操作,该怎么建立块与消隐块呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Alien Skin Exposure 6完全汉化版安装及破解图文详细教程

最近,有在本站下载Alien Skin Exposure 6完全汉化版软件的用户问小编:Alien Skin Exposure 6完全汉化版怎么汉化?以及Alien Skin Exposure 6如何安装破解?针对此类问题,本文就为大家进行图文详细解答
收藏 0 赞 0 分享

AutoCAD实例中的点过滤功能讲述

今天小编为大家带来的是AutoCAD实例中的点过滤功能讲述;希望对大家会有帮助,有需要的朋友一起去看看吧
收藏 0 赞 0 分享

Adobe Captivate 7安装+破解+汉化图文教程

Adobe Captivate 7怎么安装?以及Adobe Captivate 7如何汉化破解使用?针对此类问题,本文就为大家图文详细介绍Adobe Captivate 7安装、破解+汉化步骤,并附上相关下载地址
收藏 0 赞 0 分享

caxa如何画空心字? CAXA空心文字的设计方法

caxa如何画空心字?中想要制作空心文字,该怎么制作呢?下面我们就来看看CAXA空心文字的设计方法,很简单,只要将文字分解就可以了,下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

CAD多行文字编辑器的使用方法详解

CAD的文字分为两种,一种是单行文字,一种是多行文字。CAD的多行文字编辑器就像一个小的WORD软件,功能非常丰富,今天小编为大家带来的是CAD多行文字编辑器的使用方法详解;一起去看看吧
收藏 0 赞 0 分享

Edraw Max怎么绘制带反光的球体?

Edraw Max怎么绘制带反光的球体?想要给立体球添加反光,该怎么添加呢?下面我们就来看看Edraw Max绘制反光立体球的教程,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多