您现在的位置:   首页 >> 新闻中心 >> 原型设计

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

发布人:www.yunke.ai 发布时间:2021-01-01 176 次浏览

中继器项目的顺序调整应该怎么操作呢?本文给你分享经验!

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

然后呢,需要画元件:

注意命名,防你不知道我在说什么。

  • sort:排序用的字段
  • selected:复选框的选中状态
  • icon:每项前面的icon
  • name:每项的名字

中继器右侧的样式中有背景交替选项,勾选后选2种颜色即可。

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

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

**将整体选中,右键组合,命名为row。

**还要增加1个全局变量“sort”来标记当前选中的项目是第几项。