Axure用中继器怎么制作列表添加数据效果?

作者&投稿:乐正蒋 (若有异议请与网页底部的电邮联系)
~

在日常工作中,我们经常会遇到向列表中添加数据的情况。我们如何实现这一点?下面将为大家分享用Axure中继器制作列表添加数据效果的教程步骤,大家赶紧学习操作起来!如果你打算自学Axure原型设计的话,推荐的Axure自学视频课,专业讲师传授知识点,可以0基础学会软件功能操作以及动手实操~

Axure用中继器制作列表添加数据效果步骤:

第一步准备元件

【添加按钮】、【中继器】、【动态面板】、【动态面板中的元件】

如下图(这里采用的表格元件是上一篇文章《中继器实现筛选列表》中的)

将动态面板中的文本框分别命名,注意要命名为字母或数字,不可为中文,大家可随意命名,这边不做限制。

第二步为中继器添加模板

1、双击中继器,进入操作页面

2、操作页面中已有一个矩形框,这里我们可将它删掉,拖入一个矩形框(代表一行表格),拖入几个文本框,分别命名为xingming、xingbie、bianhao、shijian、leixing(注意:这里命名的文字一定要是数字或字母,不可为中文,我这里是拼音;且拖入后,文本框中的文字要删掉);

3、拖入元件后,进行边框、颜色的设置(这里为了美观)

第三步为中继器添加数据

如上图所示,在检视-属性页面,为数据集的表格添加数据,并进行命名

第四步绑定

选中中继器,在检视-属性页面,双击【每项加载时】,添加【设置文本】的用例,将第二步中添加的文本框与第三步添加的数据列依次进行绑定,例如:将文本框“xingming”与数据列中的‘xingming’进行绑定,如下图:

绑定后点击确定即可。

绑定后预览图如下:可以看到,显示的数据就是我们在中继器中添加的。

第五步添加交互

1、选中【确定按钮】,为它添加【鼠标单击时】的交互用例,添加动作【中继器——添加行】,进行设置,使动态面板中输入的文本添加到中继器中;如下图

点击底部【添加行】的按钮,在弹框中进行绑定,

点击中继器下每一列下边的fx,自定义局部变量,变量名称可随意设置为字母或数字,然后插入变量,输入函数公式[[xingming.text]],点击确定;如下图。

2、将动态面板隐藏,并移动到合适的位置,选中【添加按钮】,为其添加【鼠标单击时】的交互用例,设置【显示】动态面板,动画选为“flipup”,其他效果为灯箱效果,颜色可自行设置呦。

3、选中【确定按钮】,添加【鼠标单击时】的用例,设置【隐藏】动态面板,动画为无。

第六步预览

设置完成后,保存,进行预览,输入数据后,点击确定,可以看到列表中新增了一行数据。这样就完成了呦!

以上就是关于“Axure用中继器怎么制作列表添加数据效果?”的内容分享了,希望能够帮到你!更多Axure精彩分享,尽在Axure相关文章!Axure因其能够快速、高效的创建原型,备受众多产品设计人员所使用!对于想要快速学会Axure原型设计的小伙伴,就可以选择精选的Axure自学视频课!不要犹豫,选择合适的课程开始学习体验吧~




Axure用中继器和动态面板怎么制作一个可以自动化菜单?
第3步新增菜单怎么办?3.1新增菜单的话,二级菜单数量不增多的情况下,直接在中继器的数据里添加对应的菜单就行。如果二级菜单的数量要新增,按上面的步骤,多复制粘贴几个二级菜单,设置载入事件绑定好数据,就可以了。剩下的,大家可以自行发挥了 以上就是羽兔为大家分享的“Axure用中继器和动态面板...

Axure用中继器怎么制作列表添加数据效果?
以上就是关于“Axure用中继器怎么制作列表添加数据效果?”的内容分享了,希望能够帮到你!更多Axure精彩分享,尽在Axure相关文章!Axure因其能够快速、高效的创建原型,备受众多产品设计人员所使用!对于想要快速学会Axure原型设计的小伙伴,就可以选择精选的Axure自学视频课!不要犹豫,选择合适的课程开始学习...

Axure如何使用中继器制作一个模拟查询原型?
查询数据在生活工作中也十分常见,那么在Axure原型设计里,应该怎么制作出来这样的查询效果呢?下面就以“Axure如何使用中继器制作一个模拟查询原型?”的教程教大家怎么操作!对于准备自学或者正在自学Axure的小伙伴,那么我建议你学习体验的Axure自学视频课,0基础到案例实操,全面学习~Axure使用中继器制作一个...

Axure怎么使用中继器制作瀑布流列表原型?
以上所述就是“Axure怎么使用中继器制作瀑布流列表原型?”的相关内容分享了,希望能够帮助到你!如果你还想要学习更多的Axure技巧,点击Axure相关文章,或者直接跟着我们的专业讲师开始Axure自学视频课学习体验~专业系统视频教程学习,学习收获总会比你零零散散图文学习来得更快速、更有效率~以上就是本文的全部...

Axure如何使用中继器制作商品管理列表原型?
下面通过商品管理的一个实例,来说明如何使用中继。在此商品管理列表中,我们要实现对商品信息的分页显示、添加、修改、删除和排序功能。如果你打算自学Axure原型设计的话,推荐的Axure自学视频课,专业讲师传授知识点,可以0基础学会软件功能操作以及动手实操~Axure使用中继器制作商品管理列表原型步骤:(1)...

axure动态面板是什么?中继器使用方法是什么?
(3)多状态效果:多状态效果,是在网站原型中应用非常普遍的,大大减少了动态面板的数量 (4)拖动效果:axure动态面板制作的拖动效果就和手机上的滑动解锁功能以及手机页面纵向浏览功能差不多 axure中继器使用方法:1、打开axure软件,新建一个中继器页面 2、在工具栏中找到中继器,拖至工作区,形成一列...

Axure用中继器怎么制作能合并单元格表格?
当item.index==1时,我们将中继器内所有格子的选中状态设为真即可。以上就是关于“Axure用中继器怎么制作能合并单元格表格?”的全部精彩内容分享了,希望你能从中有所收获哦!如果觉得一篇文章不够尽兴,那么Axure相关文章可别错过!总而言之,学习道路,单一知识是很难成就自我全面发展的!想要全面精通...

Axure中继器怎么制作穿梭框效果?
设置逻辑2的文本值为空值,那这样一个实用的穿梭框原型就制作完成了。完成之后,以后我们需要使用的话,只需要填写在左边中继器1的表格里填写选项文字即可,方便使用,小提示,如果选项多的话可以在excel表格复制粘贴到中继器表格里哦 最终效果:以上就是关于“Axure中继器怎么制作穿梭框效果?”的全部内容...

Axure怎么使用中继器制作手风琴效果原型?
三、后续拓展恭喜你已经学会用中继器制作手风琴了,后续你可以根据实际的需要,在隐藏内容里边添加不同大小颜色的文本、图片、链接。原理同时一样的,需要拓展的话在中继器内添加对应列的内容,然后把选中隐藏内容矩形变成需要隐藏组合即可。最终效果:以上所述就是“Axure怎么使用中继器制作手风琴效果原型?”...

Axure怎么利用中继器筛选日期?
好啦,以上的内容就是“Axure怎么利用中继器筛选日期?”的相关分享了,希望对你的Axure学习操作有一定的作用哦!学习Axure,一篇就学会是不大可能的,而几篇几十篇几百篇Axure文章就不一样了。学习更多Axure,Axure相关文章、问答、视频教程综合助力~学习快速掌握Axure的方法很简单,那就是可以在网上找...

侯马市18787952214: 如何使用Axure中继器创建复杂的列表 -
山单立静: 在IOS的系统设置中,会对不同类型的项目列表通过一个背景为灰的空白行做间隔处理,所以需要对列表名称这个矩形部件做一个效果,在该部件上点击右键,选择交互样式设置(Interaction Styles Setting) 开始设置数据结构,并补填部分数据供展示.对于在数据设置这里,怎么导入图片到Image列中,你可以在相应的位置,右键鼠标,就会出现导入图片的项.可以看到,在数据源中,有2行并未添加任何数据,而这两行空白数据只是起间隔作用,所以并不需要有数据的录入.做完这些,开始进行数据和各个部件之间的绑定.

侯马市18787952214: axure7.0在创建中继器列表的时候能不能批量导入信息 -
山单立静: 打开中继器编辑页面,选择“每项加载时”事件,导入图像用“设置图像”动作,导入数据用“设置文本”动作,再根据你的需要选内容列.这些资料对你有帮助:http://tieba.baidu.com/p/3791613911

侯马市18787952214: axure中继器怎么用? -
山单立静: 中继器(英文名Repeater)是Axure RP 7.0推出的新功能,是目前为止Axure最复杂的功能(没有之一),学习它的使用有助于我们快速设计一些复杂的交互界面.使用Repeater实现以上效果是比较方便的.1、 在界面中拖入一个Repeater....

侯马市18787952214: axure怎么制作中继器设置翻页效果 -
山单立静: 在页面中添加中继器 双击中继器,将中继器的样式调整为如图所示,中继器数据集也稍作调整 在中继器项目交互中添加时间,每项加载时对表格中的值进行设置 在中继器 格式中选择分页,将分页做好如图的设置即可 返回页面1,此时该中继器仅可显示三条记录 新增两个按钮,“上一页”,“下一页” 分别添加点击事件 加载后,点击下一页可使中继器显示数据为4,5,6列的数据;点击上一页,可使中继器显示数据为1,2,3列的数据

侯马市18787952214: axure中继器是什么,怎么用? -
山单立静: 在AXURE中,中继器是一个新的功能亮点,它就是一个数集的容器,中继器一共有11个动作,其中包括6个中继器动作和5个数据集动作.在原型制作中它可以导入图片和数据.在交互上它可以实现新增行、删除行、标记行、排序,筛选等,配合函数使用,中继器可以实现的高级交互效果更多.

侯马市18787952214: 怎么在axure8 rp中继器中的数据集中添加行 -
山单立静: axure的中继器添加数据行通过设置相应的事件来完成.提供一个系列的案例教程:axure夜话中继器案例教程 源码下载:http://www.91axure.com/?cat=21

侯马市18787952214: axure中如何在中继器里设置序号 -
山单立静: 1:选择中继器属性index,然后绑定控件即可2:如果中继器数据集有字段也可以使用字段绑定

侯马市18787952214: Axure 中如何实现表格的排序功能? -
山单立静:使用中继器可以排序. 1、首先为中继器命名,如list_arr;2、然后双击,给中继器的设置数据,如下图: 3、中继器外,建立一个文本或控件命名为sort_btn;4、为sort_btn添加交互行为,如下图: 5、配置排序规则参数,如下图:

侯马市18787952214: axure中继器中怎么让数据集一部分显示一部分不显示 -
山单立静: axure中继器有过滤功能,按照条件过滤就可以实现部分显示的功能.

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网