axure商城

【Axure 教程】中继器入门教程-列表制作

本文主要讲解中继器的基本用法,以便大家更容易去理解和学习中继器的高级用法,入门教程会分为 6 个小节,本节主要讲解如何通过中继器快速制作后台列表

原型展示:https://ppsx1n.axshare.com

所需原件:

  1. 文本标签
  2. 中继器

本文主要讲解中继器的基本用法,以便大家更容易去理解和学习中继器的高级用法,入门教程会分为 6 个小节,本节主要讲解如何通过中继器快速制作后台列表

 


一、表头制作

【Axure 教程】中继器入门教程-列表制作

拖入文本标签,双击文本标签以编辑你需要制作的列表表头字段;

二、列表制作

【Axure 教程】中继器入门教程-列表制作

拖入中继器,双击中继器,删除中继器默认带出的矩形,并将【一】中的表头内容复制到中继器中,并对各字段做好命名;

三、中继器赋值

【Axure 教程】中继器入门教程-列表制作

关闭中继器编辑窗口,选中中继器,在样式模块中,编辑中继器的数据,如上图,注意设置好数据表头的名称,以便在赋值时快速查找;

【Axure 教程】中继器入门教程-列表制作

新建交互,添加【每项加载】时设置文本的交互动作,设置完毕,页面将会实时更新中继器的列表内容,如上图所示;

 


四、样式调整

【Axure 教程】中继器入门教程-列表制作

若希望列表通过斑马纹展示,可通过中继器样式中的【背景】设置交替颜色,如上图所示,设置后,即可获得斑马纹的列表;


更多内容,微信搜索“爱学儿”,一起交流探讨吧!

给TA打赏
共{{data.count}}人
人已打赏
基础教程

如何解决Axure元件库载入空白

2021-4-14 21:38:01

基础教程

【Axure 教程】中继器入门教程-卡片制作

2021-5-22 17:20:03

axure商城
8 条回复 A文章作者 M管理员
  1. 馒头爱吃馒头

    怎么删除默认带出的矩形呢?

  2. 大可乐

    哎,文字版太难看懂了。这种很模糊的教程真的很难弄啊。。。。。

  3. ZDJ

    建议老师出视频讲解,文字描述太难看懂了

  4. Punit

    表头和数据是两个中继器?没看懂

    • SamDesigner

      不是,表头只是一个简单的矩形元件组合的,表体内容才是中继器

  5. 子辛

    请问文本标签是文本框吗?

    • SamDesigner

      不是,是纯文字那个组件

  6. Sly69

    可以

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索