当前位置: 首页 » 产品 » 新闻资讯 » 正文

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

放大字体  缩小字体 发布日期: 2024-11-27 00:36   来源:http://www.baidu.com/  作者:无忧资讯  浏览次数:33
核心提示:  1、中继器看似麻烦,但用多了,反而很顺手:首先在页面新建一个中继器,双击后进入中继器页面,将原有的表格删掉,向其中添

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

AXURE如何使用中继器实现样式重复但内容不同的效果 三联

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 
 
[ 产品搜索 ]  [ 加入收藏 ]  [ 告诉好友 ]  [ 打印本文 ]  [ 违规举报 ]  [ 关闭窗口 ]

 

 
推荐图文
推荐产品
点击排行
    行业协会  备案信息  可信网站