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