登陆

章鱼彩票下载-Axure教程:中继器根底使用——数据展现、新增、删去

admin 2019-06-28 298人围观 ,发现0个评论

中继器——Axure中杂乱的元件,没有之一。中继器是Axure中最强壮的元件,一般用于页面作用展现时运用。但关于新手小白来说,这个元件的运用不是那么的友爱,学习本钱较高……在本文中,将对中继器的根底和简略的运用包含数据展现、新增、删去功用的完结进行详细解说,希望能协助你更好的了解中继器~

目录:

中继器(repeater)英文为“重复”的意思,在Axure中能够了解为重复的运用同一个模板,经过向队伍数据矩阵中进行数据处理后展现的小型数据库。

(因为这个是原型而不是真的数据库没有进行存储,因而经过演示处理的数据不会真实的进行存储)

中继器什么时分用

在日常文档与原型阐明中,因为不需求动态演示,进行原型阐明即可,所以较少运用。

在特别场景,如跟老板演示,需求进行页面作用展现时则需求运用该元件。

章鱼彩票下载-Axure教程:中继器根底使用——数据展现、新增、删去

详细用途:

运用模块介绍:

首要分三个部分,包含:中继器、“数据库”、交互设置。

下图中包含各模块方位与对应运用流程次序:

根底运用——表单数据集展现

相关数据展现为中继器最简略的运用办法,咱们先来看下完结作用。

完结流程:开端–>在中继器中制作模板–>展现表格美化–>对“数据库”列数据进行命名–>数据录入–>相关模板元件与数据库列数据–>完结。

(1)拖入中继器,进入修改中继器模板与对应模板命名

设置中继器单条数据的模板,后续在“数据库”中增加多条数据都会运用同一个模板进行重复,对应模板中运用的元件进行命名,是为了后续相关展现数据的元件与数据库的“列”时便利查找对应元件

Tips:如果有通用的功用,即一切数据都有,如删去、复选框,可在模板直接放置。(后续不进行相关则一切数据都展现)

(2)对展现表格进行美化、对“数据库”列数据进行命名与数据录入

1条数据为单条数据,多行则为重复运用屡次模板的多条数据,如录入2行则重复2次模板展现;录入3行则重复3次模板展现。

(3)将中继器模板元件与“数据库”相关,展现数据库的数据

在交互设置中,挑选【Onitemload(每项加载时)】,双击进章鱼彩票下载-Axure教程:中继器根底使用——数据展现、新增、删去入设置相关内容;挑选Set Text(设置文字),勾选中继器的模板元件对应设置为“数据库”中的对应“列”,详细演示如下图所示。

以上操作做完后,即可到达完结作用拉,后续需求增加数据直接在“数据库”中增加就能够啦~

与PC端表单运用相同的办法进行移动端的页面制作:

移动端仿照淘宝页面进行制作,以下为完结作用。其间产品列表部分是运用中继器进行制作,制作的办法与pc端根本相同,下面临不同点进行阐明。

不同点:图片导入。

章鱼彩票下载-Axure教程:中继器根底使用——数据展现、新增、删去

若需求运用图片,第一步:则在“数据库”中对应数据点击右键挑选【Import Image(导入图片)import制器最根底的便利后续对数据处理的】进行本地图片挑选。

第二步:对中继器进行交互设置,挑选【Onitemload(每项加载时)】,双击进入设置相关内容;挑选Set image(设置图片),勾选中继器模板中需求展现图片的元件对应设置为“数据库”中的对应“列”后,保存即可,详细演示如下图所示。

根底运用2——PC端表单数据新增

完结作用图:

完结流程:开端–>树立中继器与对应数据库相相联系–>制作新增框–>对“增加”按钮设置交互完结数据库赋值–>完结。

(1)树立中继器与对应数据库的相相联系

该部分现已在上文【根底运用1——表单数据集展现】部分现已讲过,这儿不再细说。

(2)制作新增框

运用根底常用的元件包含输入框、单选框、文本框等进行制作,并对填写文本框、挑选框等进行命名(便利后续进行相关时分查找)。

(3)对“增加”按钮设置交互完结数据库赋值

经过运用局部变量获取文本框中输入的内容对数据库进行赋值,详细操明世隐的预言配方作如下图。

(4)其他操作

以上操作完结后,你现章鱼彩票下载-Axure教程:中继器根底使用——数据展现、新增、删去已根本把握了新增列的常识,可是还不能到达所展现的完结作用,还需几点操作。

1)完结点击“+增加”弹出新增弹框作用

2)完结点击增加封闭新增弹窗作用

3)序号:完结主动增加序号

若要完结在新增时,不填写序号主动增加序号,则需求在进行中继器与数据库相关时相关对应函数进行赋值处理即可。

如下图:

4)提交时刻:完结主动获取体系当时时刻

要完结新增时,不填写提交时刻主动获取当时时刻,完结办法与【完结主动增加序号】相同,都需求相关函数,详细完结办法看下图。

5)单选框赋值:完结经过全局变量赋值的办法对所选的单选进行赋值(这部分略微有点难度)

设置在选中“是(否)”时,撤销挑选“否(是)”,后将单选框中的文字“是章鱼彩票下载-Axure教程:中继器根底使用——数据展现、新增、删去(否)”赋值给全局变量,在对新增弹框的“增加”按钮设置赋值时章鱼彩票下载-Axure教程:中继器根底使用——数据展现、新增、删去赋值对应的全局变量即可。

根底运用3——PC端表单数据删去

完结作用图:

1)单条删去:进入中继器后对删去按钮设置点击后删去行事情即可,详细操作见下图。

2)批量删去:先对复选框设置符号事情,后对删去按钮进行删去符号行事情即可,详细操作见下图:

简略的中继器数据集运用也能够提高原型制作功率哟,简略酷炫的新增删去操作,你学会了吗?

作者:小树懒,正在尽力提高自己的小辣鸡,大众号:疯子家的树懒

本文由 @小树懒 原创发布于人人都是产品司理。未经许可,制止转载

题图来自Unsplash,根据CC0协议

请关注微信公众号
微信二维码
不容错过
Powered By Z-BlogPHP