搜索
出售我的作品
用户头像

又壹耳设计工作室

你还没有自我介绍哦~
用户头像

您还未登录

登录后即可体验更多功能
立即登录

搜索

搜索按钮
搜索历史
热门搜索
医疗
后台
电商
后台管理系统
CRM
ERP
大屏
您当前还不是平台作者,
立即申请成为作者?

温馨提示

本次下载需扣除1
剩余下载免费作品5
今日有效(每日获得1次)
当前剩余:1/1
 
永久有效(参与活动获得)
当前剩余:6/10
 
立即下载
获取更多下载次数
绑定手机号
发送验证码
根据《中华人民共和国网络安全法》要求,使用互联网服务需进行身份信息验证。请绑定手机号验证,感谢您的支持和理解
立即绑定

获取更多下载次数

免费下载产品原型,提高工作效率

添加小师妹微信
微信扫一扫添加
注意:添加完后记得刷新哦
复制以下链接地址,邀请好友访问
复制链接
客服头像
在 线 咨 询
象天尺客服二维码 微信扫一扫咨询 >
返回顶部

【Axure教程】:下拉选择切换交互操作

2022-11-01 发布 348 次浏览

工作中,我们时常会遇到关于下拉选择切换,根据选择不同的内容切换到不同的字段信息,很多小伙伴不清楚该如何做对应的交互,本篇将画一个关于选择不同的交通方式为案例,做一个选择对应的交通方式填写或默认对应的字段信息。

 

 

原型示例:https://vkx0hn.axshare.com

一、原型准备

首先,我们选择Axure自带的表单组件【下拉列表】,并设置列表选择内容。

 

 

 

接着再选择一个【文本框】组件,输入对应的提示语,并将其“设为隐藏”。

 

 

再选择一个和【文本框】相同尺寸的【矩形组件】,调整内部填充颜色,并将其置于【文本框】组件底层。

 

 

二、原型交互

点击下拉选择器进行设置情形设置,设置情形1。

 

 

对情形1进行交互设置显示/隐藏。

 

 

接着,设置情形2。

 

 

这样,一个完整的下拉选择切换就做完了,若有描述不够详细的地方,可以在下方评论,本人看到后第一时间回复你们,希望本篇教程可以帮助到你们。

 

本文由@Eason同学 原创

题图来自Unsplash,基于CC0协议。

该文观点仅代表作者本人,象天尺平台仅提供信息存储空间服务。

收藏 收藏 收藏 0
阅读排行榜
    加载数据中...
声明:象天尺内网友所发表的所有内容及言论仅代表其本人,并不反映任何象天尺之意见及观点。
登录 后评论
全部评论
文章信息
创作时间
2022-11-01