Axure教程—省市区三级联动(中继器)

news/2025/3/19 17:07:44/

本文将教大家如何用AXURE中中继器制作省市区三级联动
一、效果
在这里插入图片描述

预览地址:https://t6gmmh.axshare.com

二、功能
选择省份、出现相应的市区,选择市区出现相应的区或县
省市区三级联动效果
三、制作
1、省
拖入一个矩形,命名为省,文字设置为”请选择“,如图:
在这里插入图片描述
在其下面拖入一个动态面板,命名为省,点击进入,拖入一个动态面板,在其面板中拖入中继器组件,并为其赋值,如图:
在这里插入图片描述
2、城市
在”省“的矩形右边拖入一个矩形,命名为市,如图:
在这里插入图片描述
在其下面拖入一个动态面板,命名为城市,点击进入,拖入一个动态面板(设置自动显示垂直滚动条),在其面板中拖入中继器组件,并为其赋值,如图:
在这里插入图片描述3、区或县
在”市“的矩形右边拖入一个矩形,命名为区县,如图:
在这里插入图片描述

在其下面拖入一个动态面板,命名为区县,点击进入,拖入一个动态面板(设置自动显示垂直滚动条),在其面板中拖入中继器组件,并为其赋值,如图:

在这里插入图片描述
最终设计,如图:
在这里插入图片描述

四、交互
1、省
矩形”省“的设置,如图:
在这里插入图片描述
动态面板”省“的设置,如图:
在这里插入图片描述
动态面板”省“内的中继器设置,如图:
在这里插入图片描述
2、市
矩形”市“设置,如图:
在这里插入图片描述
动态面板”成市“内的中继器设置,如图:
在这里插入图片描述

3、区县
矩形”区县“设置,如图:
在这里插入图片描述
动态面板”区县“中的中继器设置,如图:
在这里插入图片描述
制作完成。


http://www.ppmy.cn/news/468136.html

相关文章

GRE over IPsec VPN配置

GRE over IPsec VPN配置 【实验目的】 理解GRE Tunnel的概念。理解GRE over IPsec VPN的概念。掌握GRE Tunnel的配置。掌握GRE over IPsec VPN的配置。验证配置。 【实验拓扑】 实验拓扑如下图所示。 实验拓扑 设备参数表如下表所示。 设备参数表 设备 接口 IP地址 子网…

4.12 Pandas中的DataFrame数据类型API函数参考手册(二) (Python)

Pandas中的DataFrame数据类型API函数参考手册 二 目录前言 一、构造函数(Constructor)二、属性和基础数据(Attributes and underlying data)三、转换(Conversion)1. DataFrame.astype(dtype[, copy, errors])2. DataFrame.convert_dtypes([infer_objects, ...])3. DataFrame.in…

8个月测试经验的人,居然在面试时跟我要18K,我都被他吓到了····

2月初我入职了深圳某家创业公司,刚入职还是很兴奋的,到公司一看我傻了,公司除了我一个测试,公司的开发人员就只有3个前端2个后端还有2个UI,在粗略了解公司的业务后才发现是一个从零开始的项目,目前啥都没有…

浅析DirectX11技术带给图形业界的改变

浅析DirectX11技术带给图形业界的改变 前言:2009年10月23日,微软高调发布了其最新一代操作系统——Windows7,这款操作系统相对于之前的Vista系统有相当大的进步,特别核心执行效率方面得到显著改善,并且加入了DirectX 1…

AB test 之 广告投放(二)

在广告投放的A/B测试中,有几个重要的注意要点需要考虑: 目标和假设:明确测试的目标,并基于此制定假设。确定您希望测试的指标(例如点击率、转化率、收入等),并提出假设,即测试组和对…

【WebApp】webApp开发总结(集合贴)

一、移动WebApp简单介绍 WebApp简介 Web app是一种通过网络(如互联网或内联网)访问的应用程序;也可以指计算机软件承载在浏览器支持环境下或使用浏览器支持语言(如JavaScript)并依赖于web 浏览器来渲染的应用程序。W…

MPlayer

名称 mplayer − 电影播放器 mencoder − 电影编解码器 概要 mplayer [选项] [文件|URL|播放列表|−] mplayer [选项] 文件1 [指定选项] [文件2] [指定选项] mplayer [选项] {文件和选项组} [组指定选项] mplayer [dvd|dvdnav]://[标题|[开头标题]−末尾标题] [选项] mplayer …

武汉大学无线传感实验床项目招标公告(开标时间2015年1月15日)

根据国家采购与招投标法律法规的有关规定,武汉大学拟对计算机学院无线传感实验床项目进行公开招标,欢迎具备相应资质和实力的供应商参加投标。现将有关事项公告如下: 一、招标范围: (主要技术指标:见附件&a…