Axure怎么制作中继器的筛选功能?

  发布时间:2017-03-26 14:43:33   作者:佚名   我要评论
Axure怎么制作中继器的筛选功能?Axure中设计网页的时候,想要使用志及其制作一个筛选的教程,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下

中继器是Axure中的一个重难点,掌握中继器的用法,在Axure原型设计中,会有很大的帮助。

1、先在Axure的画布中,分别拖入一个文本框控件,内容为‘种类’,下拉列表控件,内容填充为‘电器、水果、蔬菜’,一个按钮控件‘筛选’,具体如下图所示:

2、在布局下方拖入一个中继器,双击进入中继器,不用管那个默认的矩形框,可以直接删除,自己任意布局,我是拖入了两个文本框,分别记为text001,text002具体如下图所示:

3、在右边的数据表中,填充原始的数据,具体如下图所示:

4、在中继器中,设置交互事件,令text001=Item.name,text002=Item.price,这样可以实现动态的增加或者减少数据,具体如下图:

5、设置筛选按钮的点击事件,当点击按钮时,判断下拉列表中的数据为哪个?相应的显示下方的数据,具体演示效果如下图所示:

相关推荐:

Axure设计的网页怎么生成html文件?

Axure RP 8怎么新建母版面板并管理?

Axure 8.0中怎么制作手机上下滑动效果?

相关文章

  • Axure RP 8椭圆形元件怎么设置透明度阴影等属性?

    Axure RP 8椭圆形元件怎么设置透明度阴影等属性?Axure RP 8中自带了椭圆形元件,这个元件怎么设置阴影、边框、填充色呢?下面我们就来看看详细的教程,需要的朋友可以参考
    2017-01-04
  • Axure RP 8怎么设计内联框架原型?

    Axure RP 8怎么设计内联框架原型?Axure设计网页原型的时候,想要做一个内部嵌套框架或页面,将视频、页面、地图放入框架中,该怎么设计呢?下面我们就来看看详细的教程,
    2017-01-04
  • Axure RP 8怎么制作一个旋转的圆角图片?

    Axure RP 8怎么制作一个旋转的圆角图片?Axure中想要旋转图片元件,将直角图形变成圆角,该怎么设置呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2017-01-04
  • Axure RP 8怎么制作按钮控制下拉框选项?

    Axure RP 8怎么制作按钮控制下拉框选项?Axure RP 8中想要制作一个按钮触发事件,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2017-01-01
  • Axure RP 8怎么制作验证码倒计时原型?

    Axure RP 8怎么制作验证码倒计时原型?平时我们填写手机验证码的时候,验证码都是有时效的,该怎么设置一分钟的倒计时时效呢?下面我们就来看看详细的教程,需要的朋友可以
    2016-12-30
  • Axure RP 8怎么设置文字提交工功能原型?

    Axure RP 8怎么设置文字提交工功能原型?Axure中经常制作一些网页原型,想要设置一个可以提交文本的功能,该怎么设计呢?下面我们就来看看详细的教程,需要的朋友可以参考
    2016-12-30
  • Axure RP 8怎么设计可以完成数学加法计算?

    Axure RP 8怎么设计可以完成数学加法计算?Axure设计网页的时候,想要在输入框中输入数据,完成加法计算,该怎么设计呢?下面我们就来看看详细的教程,需要的朋友可以参考
    2016-12-30
  • Axure RP 8怎么利用变量控制标题变化?

    Axure RP 8怎么利用变量控制标题变化?Axure中想要制作一个通过按钮改变二级标题,该怎么设置呢?下面我们就来看看Axure结合变量和元件控制标题变化的教程,需要的朋友可以
    2016-12-29
  • Axure RP 8怎么设计图片点赞功能的网页原型?

    Axure RP 8怎么设计图片点赞功能的网页原型?想要给网页添加一个图片点赞的功能,该怎么添加呢?下面我们就来看看使用Axure来完成的教程,需要的朋友可以参考下
    2016-12-29
  • Axure RP 8怎么设置一个矩形全局变量?

    Axure RP 8怎么设置一个矩形全局变量?Axure绘制页面原型的时候,想要添加一个矩形的全局变量,该怎么设置呢?下面我们就来看看详细的设置方法,需要的朋友可以参考下
    2016-12-29

最新评论