Android 自定义登录按钮

LoginButton

android 实现登录按钮动画效果


先上传一张效果图:


效果图

好的,再来看一下实现思路。

实现思路:

整个动画过程大致分为3步:

① 从矩形-->圆角矩形-->圆

②圆弧旋转病最终转至下巴位置

③眼睛上升

动画关键代码

第一步的动画绘制:

private void draw_oval_to_circle(Canvas canvas) {

   rectf.left=actual_move_distance;

   rectf.top=0;

   rectf.right=width-actual_move_distance;

   rectf.bottom=height;

   //画圆角矩形

   canvas.drawRoundRect(rectf,circleAngle,circleAngle,paint);

}


第二步的动画绘制:

private void draw_arc_to_smile(Canvas canvas){

   arcRectf.left=width/2-height/4;

   arcRectf.right=width/2+height/4;

   arcRectf.top=height/4;

   arcRectf.bottom=height*3/4;

   canvas.drawArc(arcRectf,startAngle,180,false,smilePaint);

}


第三部的动画绘制:

private void draw_point_move_up(Canvas canvas){

   intpointLeftX =width/2-height/4;

   intpointRightX =width/2+height/4;

   canvas.drawPoint(pointLeftX+10,height/2-point_move_up_distance,smilePaint);

   canvas.drawPoint(pointRightX-10,height/2-point_move_up_distance,smilePaint);

}

最后附上Github地址。

欢迎点评。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容