Axure 9 如何利用中继器实现自定义筛选效果

 时间:2024-11-01 19:19:37

1、首先我们设计表头1、表头字段为:姓名、职位、部门

Axure 9 如何利用中继器实现自定义筛选效果

2、接下来设计中继器1、拖动中继器,在中继器中拖动三个矩形框分别命名:name、zhiwie、bumen2、在中继器的列表中填充数据3、将中继器数据赋予矩形框

Axure 9 如何利用中继器实现自定义筛选效果
Axure 9 如何利用中继器实现自定义筛选效果
Axure 9 如何利用中继器实现自定义筛选效果

3、以筛选部门为例,接下来设计筛选按钮,1、首先拖动筛选图标至表头对应处作为按钮2、接着设计筛选框,拖动多个矩形框,并填充要筛选的字段,拖动一个文本标签作为重置筛选的功能,并组合转化为动态面板命名为筛选框

Axure 9 如何利用中继器实现自定义筛选效果
Axure 9 如何利用中继器实现自定义筛选效果

4、接着设计动态效果,当点击筛选按钮时,切换滑动显示筛选框,如下图

Axure 9 如何利用中继器实现自定义筛选效果

5、最后我们设计筛选效果,我们在动态面板中的各个矩形框设置悬停,选中时矩形框变为浅蓝色,选中开始筛选,同时滑动隐藏动态面板,交互事件如下图。

Axure 9 如何利用中继器实现自定义筛选效果
Axure 9 如何利用中继器实现自定义筛选效果

6、重置的交互事件为清空当前所有筛选,滑动隐藏动态面板。以上事件都设定完后基本就可以实现自定义筛选的功能了。

Axure 9 如何利用中继器实现自定义筛选效果
  • Axure RP8怎样设置元件默认禁用状态?
  • PR 2018中源监视器如何显示时间标尺数字
  • premiere时间重映射功能怎么用?
  • Axure:如何文本框输入内容删除键?
  • VR分型杂色如何添加?
  • 热门搜索
    525心理健康手抄报 英语国庆节手抄报 关于环境的手抄报 身边的科学手抄报 教师手抄报 关于热爱祖国的手抄报 健康手抄报图片大全 感恩手抄报内容大全 环保手抄报的内容 劳动节手抄报简单一点