Axure 8.0教程 | 下拉框省市县三级联动

起点学院产品经理365成长计划,2天线下闭门集训+1年在线学习,全面掌握BAT产品经理体系。了解详情

省市县选择在APP设计中算是常用的一种功能。在原型中,我们不仅要模拟省市县的选择,同时需要进行联动,而不是各模块之间相互独立的。一起来看看怎么实现吧。

axurejiaocheng

在Axure里,如何实现省市县三级联动?

y

首先打开Axure,新建如下

y1

将三个下拉框依次命名为“a”“b”“c”

y4

双击“省”的下拉框,添加江苏省、安徽省(在此举例),然后确定

y2

右击“市”的下拉框,转换为动态面板

y3

双击进入,添加“选择江苏时”“选择安徽时”,点击圆圈内的编辑,进入编辑页面

y6

双击下拉框,江苏省与安徽省,分别添加相应的市名

y7

y8

添加完成之后,返回界面,选择“添加用例”,选择“添加条件”

y9

y01

条件设立“被选项 a  是江苏省”,然后确定

y02

设置面板状态,选择动态面板b 选择江苏时,确定

y03

同理,返回界面,将“区”的下拉框转为动态面板,添加列表“选择无锡时”“选择徐州时”,并进入相应的编辑页面,添加无锡市以及南京市下面的区名

0000

全部添加完成之后,返回预览,效果达成。

888

 

本文由 @YYXXMM 原创发布于人人都是产品经理。未经许可,禁止转载。

您的赞赏,是对我创作的最大鼓励。

评论( 10

登录后参与评论
  1. 很明显这个教程是错误的

    回复
  2. 市和区之间条件写不好,应该怎么写

    回复
  3. 希望能直接上传原型,做不出来效果 :cry:

    回复
    1. 回复

      终于找到原因了,这教材做的有问题。

    2. 回复

      你好,我是一位刚学习的新手,可以请教一下吗?我这边在b动态面板下面添加“选择江苏时”,“选择安徽时”只有一个下面有下拉列表框,另一个下面空白是为什么呢?

  4. 按照上面操作出现了以下问题,哪位大神给解答下、感激不尽!:
    1、动态面板a/b/c由北京的省、市、区切换成安徽的省、市、区后,市与区之间的动作出问题了,是不是与动态面板只显示第一个的状态有关?
    2、这样的动作下去全国的省市比较多,设置的事件也比较多,有没有简便的方法?

    回复
  5. 简单啊,都是些最基本的操作 :oops:

    回复
  6. 很经典很实用,写的很清晰,其实可以直接上传原型,福利大家的

    回复
    1. 回复

      谢谢支持 :razz: 新手有点生涩,会继续努力哒 :oops:

    2. 回复

      我的C既有江苏、又有安徽的时候切换出问题了,要么只显示安徽的区要么显示北京的区,是动态面板C的问题么?

加载中