设为首页 | 加入收藏
主页 > 香港马会开奖资料 >

Axure教程:省市区级联效果实现的两种方式(下拉列表和动态面板

2019-10-31 19:24   来源:未知   作者:admin

  级联是原型中比较常用的一种效果,在绘制级联效果时我们通常采用的动态面板,加上“选项改变时”事件完成。这种情况下若级联下拉框值过多时,那么必须为每个下拉框值写事件,耗费时间与精力。接下来本文将展现省市区级联的两种方式,后者采用动态面板中“value”属性实现效果。大家可以进行比较。

  1. 在设计器中拖拽三个下拉框,三个文本标签,并对每个下拉框进行命名,将“市”、本港台同步报码室!“区”下拉框转换成动态面板。如下图:

  2. 为省、市、区添加模拟数据。在添加市、区时需要注意,因为是不同省对应的不同的市、区,所以市、区动态面板要分别创建。如下图:

  3. 省市区级联思路:选择省之后,市、区应该随之改变,例如,选择安徽省,市下拉框应该是安徽省下面的所有市,区下拉框应该是当前选中市所有的区(一般默认为省会城市、省会城市所在区)。

  因为“市”下拉框与“区”下拉框是动态面板,所以在设置“选项改变时”事件时,需要到每个面板中对应设置。

  至此,通过第一种编写下拉框各项“选项改变时”事件实现省市县级联效果完成。

  利用动态面板状态“value”属性,通过变量和编写“选项改变时”事件实现效果。

  在第一种方式中看到,需要为每一个下拉框编写事件,如果要实现32个省市自治区级联效果,难道要编写32个条件判断?估计会被折磨死了。下面简单介绍第二种实现方式。

  动态面板状态名称就是value,所以当省与动态面板名称一致时,动态面板会自动匹配相对应的下拉框。需要做一下设置:

  [[LVAR1]]是什么?[[LVAR1]]是变量值,Axure里面有变量的概念,就和编程中变量一样。把当前原件选项值赋值给变量LVAR1,之后“市”动态面板会自动匹配相对应的下拉框。效果如下:

  用这种方式实现级联效果,我们没有过多的编写事件,只有了动态面板的value属性即可,大大提高了原型制作效率。

  为大家介绍了两种实现级联效果的方式,第二种方式需要掌握Axure变量的相关知识。

  后续会为大家介绍Axure变量的相关知识点。任何问题可以留言,互相交流。

  添加事件时第一种方法,我推荐第二种,使用value属性,只需要写1个事件

  我其实就想问问使用value属性怎么实现三级联动,我用了value属性只能实现二级联动,想了好久三级联动都没法解决。

  画绿圈的右边,有个fx,点击那里添加局部变量,LVAR1=被选项 This ,然后你再试试,二级联动是没问题滴

  人人都是产品经理(是以产品经理、运营为核心的学习、交流、7075789.com2020中国工商银行广东省分行校园招分享平台,集媒体、培训、社群为一体,全方位服务产品人和运营人,成立9年举办在线+期,线+场,产品经理大会、运营大会20+场,覆盖北上广深杭成都等15个城市,在行业有较高的影响力和知名度。平台聚集了众多BAT美团京东滴滴360小米网易等知名互联网公司产品总监和运营总监,他们在这里与你一起成长。