打造仿淘宝注册的Text(一)

    为什么要打造仿淘宝注册的Text呢,不为什么,因为它好看!呵呵,这个不算理由,其实最重要的原因是因为最近在开发过程中,发现验证是个最麻烦的事情,虽然Eclipse和JFace为我们已经提供了比较好用的“高级”对话框和向导页了,对于简单的应用,他们两个用起来是非常简单,如果要验证的东西非常多,而且还有交叉验证(我自己起的名字,就是填了A就不再验证BCD的错在了,或者填了C就要验证AD存在)处理起来了就麻烦了,前两天以为新同事接手一端代码,发现里面竟然有20+个监听器,验证逻辑复杂的要死~为了解决这个问题。再结合B/S的开发经验,我认为,完全没有必要当用户把所有的必填项全都填了以后再把OK按键打开,不然永远置灰~大家做过的哪个B/S程序是这样的?不都是他爱填填,不爱填拉到,点确定的时候我告诉,或者是,我以上来就告诉你哪些必填,不填的,点击确定继续提醒!

   OK,闲话少说,先看看淘宝的注册吧~我一直认为淘宝的注册界面是国内客户体验度最好的~

ScreenShot002

首先界面一打开就是这样的提示,在input框的左下脚又一个蓝色的小箭头,代表此文本框必填;

ScreenShot001

当获得焦点以后改变,后面的提示框高亮,着重提醒用户;

ScreenShot003

如果没有填,必填项,提交的时候的提示;

ScreenShot004

填写正确的提示;

OK,分析了上面的四种状态,那么我们来确定我们需要做成什么样子的~首先,我们需要;

ScreenShot005

必填提醒状态

ScreenShot006

填写正确提醒状态

ScreenShot007

错误填写提醒状态

还有就是鼠标移动到三种图标上的浮动框详细说明,因为我们不可能像淘宝那样,一个控件占那么大位置,用户界面还需要放更多的东西。

大致的任务交代清楚了,下一次再写详细的实现过程。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值