本文将教大家如何用AXURE中中继器制作省市区三级联动
一、效果
预览地址:https://t6gmmh.axshare.com
二、功能
选择省份、出现相应的市区,选择市区出现相应的区或县
省市区三级联动效果
三、制作
1、省
拖入一个矩形,命名为省,文字设置为”请选择“,如图:
在其下面拖入一个动态面板,命名为省,点击进入,拖入一个动态面板,在其面板中拖入中继器组件,并为其赋值,如图:
2、城市
在”省“的矩形右边拖入一个矩形,命名为市,如图:
在其下面拖入一个动态面板,命名为城市,点击进入,拖入一个动态面板(设置自动显示垂直滚动条),在其面板中拖入中继器组件,并为其赋值,如图:
3、区或县
在”市“的矩形右边拖入一个矩形,命名为区县,如图:
在其下面拖入一个动态面板,命名为区县,点击进入,拖入一个动态面板(设置自动显示垂直滚动条),在其面板中拖入中继器组件,并为其赋值,如图:
最终设计,如图:
四、交互
1、省
矩形”省“的设置,如图:
动态面板”省“的设置,如图:
动态面板”省“内的中继器设置,如图:
2、市
矩形”市“设置,如图:
动态面板”成市“内的中继器设置,如图:
3、区县
矩形”区县“设置,如图:
动态面板”区县“中的中继器设置,如图:
制作完成。