您好、欢迎来到现金彩票网!
当前位置:2019欢乐棋牌 > 中继器 >

Axure教程:如何利用中继器调整项目顺序?

发布时间:2019-06-15 22:21 来源:未知 编辑:admin

  这次的学习中,我是用QQ的界面管理器(QQ最小化左边的按钮中)作为案例进行教学的,首先我们现需要先明确下交互的内容:

  中继器中的行,是由复选框btn_select、放文本用的矩形text,和无填充色的矩形transfer组成。

  transfer不可以填色,不然中继器交替背景颜色会被盖住。给transfer增加交互样式,选中时填充色变为淡紫色。

  讲道理,按照人脑逻辑,背景色和上下移按钮的交互分别是在点击选中和点上下移按钮时候发生的事情,不应该做在这里的,但是为什么我做在这里了呢?

  因为在其他位置对变量改变后会更新每项重新载入,放在这里的话,更新行的时候顺便就把背景色和上下移按钮的状态都更新了。

  icon的字体要选专用的字体,例如我的icon字体是iconfont,不然在axure里看不到,后面的文本选普通字体即可。给二者设置放在一起协调的字号,富文本里看可能会很不协调,但在中继器里看是不一样的,以中继器中显示的预览样式为准。

  其他的没什么难点,就不需要详细解释了。注意:哪里应该是if哪里应该是else if,要看清楚。

  点击时,要设置sort为index,中继器中的index是数据行的索引编号。这个编号永远不会变,第1个就是1,第2个就是2,不随数据内容变化而变化。

  改变变量之后再更新一下行,不修改任何内容,单纯的更新下,就会重新载入每项了,这时点击改变背景色的效果就出来了。

  虽然将选中框也组合在row里面了,但是点选中框的时候并不会触发row的交互。

  在选中时,需要更新当前行,将selected数据改为1,取消选中时嘿将selected数据改为0。这样在更新数据后,选中框的√才会保存下来,不然就会初始化为默认的状态。

  点击后我们需要让当前行的sort-1,上一行的sort+1,改完之后再改变sort告知最新的当前sort是几,再更新行重新载入每项。

  首先让sort-1,就是将sort变为我们当前点击的这行数据的上一项的代号。

  我知道这很难理解,给你们讲这个我也很痛苦的!所以我画了一个数据变化的图,仔细看,你一定能懂!

  最后,按照sort进行升序排序,就成功把这这2项的顺序交换过来啦。下移呢,也是同样的思维方法。

http://cemonstyle.com/zhongjiqi/64.html
锟斤拷锟斤拷锟斤拷QQ微锟斤拷锟斤拷锟斤拷锟斤拷锟斤拷锟斤拷微锟斤拷
关于我们|联系我们|版权声明|网站地图|
Copyright © 2002-2019 现金彩票 版权所有