控件背景:
双十一来临之际,是购物的非常时期,包括小编也是和大家一样,在清理自己的购物车。刚准备要用京豆抵扣款项的时候,弹出京东支付密码的选项,进去之后完全忘记了自己的密码,没有办法啊。只能乖乖地再一次密码验证了啊,无意之间看到一个很好玩的输入框,顿时给我眼前一亮,觉得挺有意思的,自己就动手弄了起来,先看下京东的动态图吧:
京东动态图.gif
我刚看到这个输入框的时候,其实想到就是几个动画而已,一个透明度的改变,一个位置的改变。其实也就是动态去设置提示内容的改变,然后去绘制界面。其中我在这里给出了四种情况,分别是左上、右上、左下、右下。其中他们的初始位置都是一样的,都是垂直方向是居中的,水平方向的位置是父容器的paddingLeft值。
左上:
左上例子.gif
解释:由于这里需要控制控件焦点的变化,因此下面给了一个普通的EditText,为了在普通EditText获取到焦点的时候,去还原控件的初始状态
右上:
右上例子.gif
左下:
左下例子.gif
右下:
右下例子.gif
分析:
四种情况动画其实都是一样的,只不过处理下终点的位置,因为起点都是一样的,等到重置位置的时候,又是起点和终点的位置颠倒了下,所以说,倒腾来倒腾去,就是不断地去改变位置而已。
关于我
email: a1002326270@163.com
github: enter