天猫多频道切换搜索栏,注意细节交互
做了个天猫搜索栏,发现看起来简单,但还是有很多小细节交互需要注意的:1、整天框架:3个矩形频道:宝贝、天猫、其他;搜索框用动态面板,面板中三个状态,每个状态中有底层矩形、次底层文本框,上次文本标签(注意层次),后面矩形搜索。
2、最上面三个频道点击切换时:选中频道,并且设置动态面板状态为对应状态,设置焦点在对应状态内的文本框。
3、当某个state下的文本框内文本改变时,隐藏掉该state用来提示的文本标签,用if判断该文本框为空时,显示该label
4、应当注意到,如果在宝贝频道中输入“×××”时,鼠标点击频道天猫,在天猫对应的文本框中还是显示“×××”,这时候需要在步骤2中添加交互,用局部变量获取三个文本框的文字,组合成选中文本框的文字,并将其他两个未选中状态清空
因时间关系,以上只是简单辅助说明,具体请看原型,欢迎一起讨论; 学习了~~
页:
[1]