Axure怎制作表格升序或降序效果?

时间:2021-05-22

Axure想要制作一个表格内容修改排序效果,上下行的交换,该怎么这个交互效果呢?下面我们就来看看详细的教程。

软件名称:
Axure RP v8.1.0.3382 Enterprise 中文特别版(附注册机+汉化包+安装教程)
软件大小:
83.2MB
更新时间:
2019-04-26立即下载

新建一个“中继器”,如下图所示:

“中继器”设置2列:ID、content;可按所需设置行内容;(ID是用来排序的,建议按数字顺序设置),可参考下图设置:

双击进入“中继器”内部,先清除原来内容;新建2个“文本标签”、1个“矩形”、1个“向上箭头”的图标、1个“向下箭头”的图标;如下图所示:

设置一个“文本标签”为Num;

设置一个“文本标签”为content;

设置"矩形"尺寸:280*60;填充色:#CCCCCC

布局如下图所示:

到这里,基础的布局设置结束,以下是交互设置~

首先是“中继器”的“每项加载时”的交互:

动作:

设置“文本标签:Num”的值:[[Item.index]]

设置“文本标签:content”的值:[[Item.content]]

如下图所示:

”图标:向上箭头“的”鼠标单击时“的交互:

上一页12 下一页 阅读全文

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章