童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

Repeater(中继器)控件的用法

10月2日 天浪楼投稿
  Axure中的Repeater控件顾名思义就是可以重复添加内容,而无需逐个进行添加。该控件对于以九宫格类、列表类的形式内容时非常有效,且支持用户添加、修改、删除控件中的内容。
  Repeater控件的使用步骤为:
  定义元素添加数据绑定数据修改样式数据操作
  下面以添加列表类内容为例,逐步具体介绍该控件的使用方法。本文仅适用于具有一定Axure使用经验的用户阅读。
  1定义Repeater元素
  1)在页面中添加Repeater控件,添加后默认效果如下图:
  2)双击编辑控件,并按下图所示,为Repeater添加内容,并为各个组件命名:
  此时,返回到Home页看到的效果如下(其中的数字1、2、3是默认值,暂时不用理会):
  2为Repeater添加数据
  从上图可以看到Repeater的框架已经显示出来了,但里面的内容还没有,下面我们开始为中继器添加内容;
  1)打开中继器编辑界面,点击页面下部的小三角,打开Repeater属性窗口,如下图所示:
  其中,RepeaterDataset就是中继器中的数据,这里默认的1、2、3就是之前预览界面中出现的数字。
  2)按照上一节对图片、标签的定义,为中继器添加列值(列值最好与之前的定义一致)和数据,添加之后效果如下:
  注意:由于头像是图片格式,但Axure并不支持输入图片路径的方式,因此图片需要在单元格中点击右键选择“导入图片”,只有这样图片才能正常显示。
  3绑定数据
  Repeater的数据已经添加完成了,但你会发现此时在Home页预览Repeater仍然没有显示我们添加的数据,下面将介绍如果将我们添加的数据绑定到Repeater中。
  1)在Repeater属性窗口中,点击“中继器项目交互”,显示默认内容:
  2)修改ItemLoad用例的定义,修改参考下图所示:
  注意:头像要选择“设置图像”动作,其他内容选择“设置文本”。这一步非常重要,如果设置不对,头像将不显示。
  3)此时,返回到Home页预览Repeater就可以看到上述步骤中添加的数据内容了:
  4修改样式
  至此,Repeater中最重要的部分已经定义完成,当然还可以对Repeater的样式进行简单调整,定义非常简单,请自行研究。下图为样式定义,供参考:
  效果图如下:
  5数据操作
  经过上述章节的步骤,你已经可以定义一个完整的Repeater控件,通过这种方式可以节省大量样式重复控件的添加工作。不过,这些只是Repeater基本的使用方法,其更大的价值在于可以动态添加、修改、删除数据。本章的内容属于Repeater进阶用法,供有需要的读者参考。当然,如果你的原型图中并不需要动态增删改数据的效果,那么有之前的知识也够用。
  5。1添加数据
  1)接上文的步骤,在Home页放置一个按钮,用于为Repeater添加数据:
  2)为该按钮添加单击效果,当点击按钮时为Repeater添加一行数据,如下图:
  注意:
  A。这里每次只能添加1行,如果定义了多行数据,则点击按钮时会一次性添加多行。
  B。每次点击按钮时添加的行数据是相同的,如果想要添加不一样的数据,则需要配合其他的方法,此处不做说明。
  3)预览Home页,每点击1次“添加行”按钮就可以在Repeater中添加1行:
  5。2修改数据
  1)打开Repeater编辑界面,定义“修改”按钮的点击事件,实现点击该按钮修改该行description字段的功能,定义如下图:
  2)预览Home页,点击每行后面到“修改”按钮即可以修改该行description字段的值:
  5。3删除单行数据
  1)打开Repeater编辑界面,定义“删除”按钮的点击事件,实现点击该按钮删除该行的功能,定义如下图:
  2)预览Home页,点击每行后面到“删除”按钮即可以删除该行数据。
  5。4删除多行数据
  如果需要选择多行然后批量删除,可以使用checkbox控件,并配合MarkRows进行删除,步骤如下。
  1)Repeater中行首增加一个checkbox控件,并定义该控件的状态改变事件,实现当选中checkbox时标记该行,取消选中时取消标记该行,定义如下图:
  2)在Home页中增加“删除选中行”按钮,并定义该按钮的点击事件,实现点击该按钮可以删除checkbox被选中的行,定义如下图:
  3)预览Home页,点击“删除选中行”按钮即可以删除多行数据。
投诉 评论 转载

一篇文章掌握中继器的使用(附案例教程及原型下载)在Axure中,中继器可以与自建部件库搭配着来使用,中继器的优点是可以添加交互事件来实现想要的动效,缺点则是制作起来相对复杂。自建部件库则能很好的解决这个缺点,因为可以将添加了……AxureRP设计图片翻牌、幻灯片、走马灯的方法以下介绍几个常用小教程,还是那句话内容简单,适合菜鸟查阅,老鸟可飘过,顺便帮忙点个赞哈网页图片翻牌效果例如:鼠标移到图片上时,该图片显现翻牌效果,显示另外一张图片。……给产品新人:如何“正确”的输出一份产品原型在充满“互联网”这个词的时代里,产品经理这个职业已经成为这个时代的热门职业。所以在这样的一个时代里出现很多各行各业转做产品的“产品新人”。我也是其中一个!那么作为产品新人在刚入……Axure技巧:为母版元素自定义事件Axure有时会在一个原型图中复用组件,比如弹出对话框、页面头部导航条、左侧导航树等。如果采用简单的方式,那么可以在每个页面里都拷贝一份,但当修改了组件的某个地方后则需要检查并……建立自己的元件库(三)进度条有时候越简单的元件,使用率越高,我们要坚持维护自己的元件库,不要因为是一个小元件而放过他,这样时间长了才能为我们的工作节省很多时间!我在上一篇文章中写了一个比较简单的验证……Repeater(中继器)控件的用法Axure中的Repeater控件顾名思义就是可以重复添加内容,而无需逐个进行添加。该控件对于以九宫格类、列表类的形式内容时非常有效,且支持用户添加、修改、删除控件中的内容。……AxureRP设计顶部导航冻结,注册模块互切换,滚动条设计的以下介绍几个常用小教程,还是那句话内容简单,适合菜鸟查阅,老鸟可飘过,顺便帮忙点个赞哈一顶部导航冻结,页面下拉可跟随例如:下拉网页进行浏览,顶部导航悬停,固定在顶部……建立自己的元件库(一)轮播图在绝大多数产品经理的工作中,都需要画原型,有许多组件都是重复使用的。例如做app时,上拉加载、下拉刷新的效果,轮播图效果等等。对于这些重复使用率较高的组件,我们可以建立一个自己……善用Axure写PRD,APP文本框通用的输入规则分享一下我整理的常用输入字段的规则,适用于社交,电商,o2o领域等业务场景。可自行下载源文件使用并继续自行迭代。有助于后端童鞋在设计数据库表的时候定义清楚字段的类型,长度……建立自己的元件库(二)验证码笔者工作中会经常用到Axure,所以这篇文章距离上篇的时间间隔不会很长,而且以后也会持续更新,也希望有更快捷、简便方法的朋友可以多提意见。上篇文章:建立自己的元件库(一)……AxureRP设计伸缩导航、遮罩弹窗、返回顶部的方法以下几小教程使用的是Axure的动态面板来实现,内容简单,适合菜鸟查阅,老鸟可飘过,顺便帮忙点个赞哈偷笑。一伸缩隐藏导航栏例如:鼠标移动到一级导航上,二级导航会下拉……善用Axure写PRD,全局规范一个都不能少如果你做过多款APP,可能会发现他们之间存在很多共性。比如都需要考虑页面如何加载、如何跳转页面,网络不好如何呈现,如何埋点统计访问和行为数据,时间如何展示,文本框的输入等等。其……
做产品经理,别做页面经理从理发店的理发经历,看需求博弈谁杀死了产品经理?需求到功能的实现,他是这么思考的五年后,产品经理职位将会消失?产品经理的知识进阶之路在竞品分析前,你需要做的事戴着有色眼镜看数据驱动:如何运用GrowthHacking的如何以产品的思维来跳槽产品首页重新定义:我的两次首页改版经历以翻译产品为例,谈谈产品工作展开的方法论23天从原型到上线的产品总结(一):项目开发五大会议过程简述有多少过期肉,被你买回家了?教你营造最好的两性关系简单有效的祛斑方法鲜奶配上它极速淡斑美白与众不同的近义词是什么初三学生学习计划个人股东股权转让协议范本常见食品污染有哪些美女斯佐克斯为啥能赢陈梦?冠军联赛澳门站今天赛程和直播时间?18岁结婚?携程创始人梁建章为什么要和中国人口死磕到底?地震时可以救你一命的折叠安全帽装进包里防地震必备人生想要破局:重点要解决5个问题新风系统怎么制冷新风系统制冷方法详解

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界