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

  发布时间:2017-04-25 11:36:29   作者:佚名   我要评论
AXURE怎么使用中继器实现样式重复但内容不同的效果?一般网站中我们都会遇到用一个模块显示不同内容的情况,该怎么使用AXURE实现呢?下面我们就来看看详细的教程,需要的朋友可以参考下

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

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

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

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

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

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

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

相关文章

  • axure怎么设计菜单横向隐藏与显示的效果?

    axure怎么隐藏菜单横向隐藏与显示的效果?今天想要和大家分享一些关于axure显示隐藏效果的实现方法,我们就以隐藏菜单为例,需要的朋友可以参考下
    2017-04-23
  • Axure怎么设计手机短信倒计时效果?

    Axure怎么设计手机短信倒计时效果?Axure中想要制作倒计时效果,该怎么制作呢?下面我们就来看看详细的教程,很简单,需要的朋友可以参考下
    2017-04-23
  • axure怎么用中继器制作微博联系人效果?

    axure怎么用中继器制作微博联系人效果?想要仿照微博的联系人样式制作一个这种效果,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2017-04-23
  • axure怎么给文字设置跑马灯效果?

    axure怎么给文字设置跑马灯效果?axure中想让文字实现跑马灯效果,该怎么实现呢》下面我们就来看看详细的教程,需要的朋友可以参考下
    2017-04-23
  • axure怎么使用动态面板制作淘宝图片轮播效果?

    axure怎么使用动态面板制作淘宝图片轮播效果?我们经常看到淘宝中有图片轮播的效果,该怎么设计这种效果呢?下面我们就来看看通过axure实现的教程,需要的朋友可以参考下
    2017-04-23
  • Axure怎么设计多层级菜单下拉联动效果?

    Axure怎么设计多层级菜单下拉联动效果?Axure中想要制作一个联动下拉菜单,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2017-04-23
  • Axure RP 8怎么设置控制多选列表传值的效果?

    Axure RP 8怎么设置控制多选列表传值的效果?Axure RP 8总想通过按钮点击事件给多选列表添加值,该怎么实现呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2017-04-05
  • Axure RP怎么设计弹出窗口的效果?

    Axure RP怎么设计弹出窗口的效果?Axure RP在设计网页原型的时候,需要制作一个弹出的窗口,该怎么设置呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2017-03-27
  • Axure怎么制作商品详情页产品图展示效果?

    Axure怎么制作商品详情页产品图展示效果?想要使用Axure设计一个商品图片展示效果,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2017-03-26
  • Axure 8.0中怎么制作手机上下滑动效果?

    Axure 8.0中怎么制作手机上下滑动效果?Axure可以制作网页圆形,今天我们就来看看使用Axure绘制手机上下滑动效果的教程,需要的朋友可以参考下
    2017-02-21

最新评论