东渐 发表于 2015-9-16 23:54:42

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

做了个天猫搜索栏,发现看起来简单,但还是有很多小细节交互需要注意的:



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


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


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

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


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

M同学 发表于 2015-10-15 22:28:49

学习了~~
页: [1]
查看完整版本: 天猫多频道切换搜索栏,注意细节交互