查看: 7838|回复: 1

[PC端] 天猫多频道切换搜索栏,注意细节交互

[复制链接]

0

主题

9

回帖

114

积分

会员

Rank: 5Rank: 5

积分
114
发表于 2015-9-16 23:54:42 | 显示全部楼层 |阅读模式
尹广磊公众帐号
做了个天猫搜索栏,发现看起来简单,但还是有很多小细节交互需要注意的:

2015-09-17_11-39-55.jpg

1、整天框架:3个矩形频道:宝贝、天猫、其他;搜索框用动态面板,面板中三个状态,每个状态中有底层矩形、次底层文本框,上次文本标签(注意层次),后面矩形搜索。


2、最上面三个频道点击切换时:选中频道,并且设置动态面板状态为对应状态,设置焦点在对应状态内的文本框。


3、当某个state下的文本框内文本改变时,隐藏掉该state用来提示的文本标签,用if判断该文本框为空时,显示该label

4、应当注意到,如果在宝贝频道中输入“×××”时,鼠标点击频道天猫,在天猫对应的文本框中还是显示“×××”,这时候需要在步骤2中添加交互,用局部变量获取三个文本框的文字,组合成选中文本框的文字,并将其他两个未选中状态清空


因时间关系,以上只是简单辅助说明,具体请看原型,欢迎一起讨论;

天猫多频道切换搜索栏.rp

75 KB, 下载次数: 365

评分

1

查看全部评分

0

主题

14

回帖

158

积分

会员

产品旺

Rank: 5Rank: 5

积分
158
QQ
发表于 2015-10-15 22:28:49 | 显示全部楼层
学习了~~
和开发砍需求的时候是一种怎样的体验~
您需要登录后才可以回帖 登录 | 新用户注册

本版积分规则

QQ|手机版|友情链接|版权声明|关于我们|Axure中文社区 |网站地图

GMT+8, 2024-5-2 20:55

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表