Axure的级联选择组件本家儿要操纵动态面板, 结果图片如下, 用户可以经由过程一级级选择确定子项的方针, 以下以城市为例介绍具体实现方式 。
文章插图
需要这些哦
Axure 9
方式/
1起首介绍若何操纵动态面板实现级联的选择, 第一步我们设计好框架
1、拖动一个矩形框作为布景, 设置暗影使其看上去比力美不雅
2、再拖动三个矩形框作为每一个项承载
3、拖动小矩形作为数据内容, 各个小矩形的悬停结果设置为浅蓝色, 选中时也为浅蓝色
文章插图
文章插图
文章插图
2框架搭完, 第二步我们设置数据
1、将作为省的数据及矩形框组合定名为省;作为市的数据矩形框及矩形框02组归并转换为动态面板定名市;作为区的数据矩形框及矩形框03组归并转换为动态面板区
2、如图设置市的面板状况并填凑数据
3、如图设置区的面板状况并填凑数据
文章插图
文章插图
文章插图
3设置数据完第三步设计交互结果, 以浙江省的为例
1、将两个动态面板设置为埋没
2、当点击浙江省时, 滑动呈现市的动态面板, 面板状况为浙江省下市
3、当点击杭州市时, 滑动呈现区的动态面板, 面板状况为杭州市下区
如下图
文章插图
文章插图
4其他数据的交互结果也是如斯, 这里不再赘述, 上述
做完级联选择就根基实现 。 接下来我们要设计一个选择框, 使选择到对应区时, 选择框可以或许获取到数据 。
1、起首还需要将我们方才设计好的级联选择的组合定名为级联选择下拉框然后设为埋没
2、我们拉动一个矩形框, 设置悬停和选中结果, 我这里依旧为#108EE9的浅蓝色 。
交互事务如下图
文章插图
5最后我们在单击区的数据时, 选择框的文本变为该区的数据即可, 如下图
文章插图
6【Axure 如何设计级联选择类组件】
推荐阅读
- QQ如何防止陌生人骚扰
- 如何使用手机计算器绘制椭圆图像
- 如何利用photoshop给图片添加旋转扭曲效果
- 百度网盘如何设置锁屏码
- 如何快速将文献中的表格内容转换到Excel表格中
- 如何限制小孩子刷抖音
- WPS演示文档如何添加自定义动画
- 如何使用内置软件来排除家庭成员的PC故障
- cad如何设置多线样式
- office2013-2016如何让制作人物探出圆形框效果