仿Android 5.0按钮点击效果

关注

原创最新推荐文章于 2026-07-17 16:59:06 发布 570 阅读 AI 写同款· GEO 优化 ›

Android Button动画与炫酷跳转背景近日浏览国外的网站发现了一个酷炫的按钮动画，想着自己造轮子实现，同时也记录下实现的过程。由于是第一次写技术文章，不足之处请在评论区多多赐教。不胜感激。先上效果图这个是在国外网站看到的。想自己实现按钮动画与跳转。步骤：乍一看挺复杂，细细分析应该是多种动画效果的组合。刚开始点击按钮，按钮由长条变为圆形，圆形按钮中间有个白色的圆弧在不断旋转，然后按钮突然放大跳转界面。整理一下阅读详情

public class MyImageView extends ImageView {
    private float pointX = 0f;
    private float pointY = 0f;

    private int count = 1;

    private Paint paint;

    private boolean isDraw = false;

    public MyImageView(Context context) {
        super(context);
        init();
    }

    public MyImageView(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    public JImageView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        init();
    }

    /**
     * 初始化
     */
    private void init() {
        paint = new Paint();
        paint.setAntiAlias(true);
        paint.setColor(0x35333333);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        if (isDraw) {
            count += 2;
            canvas.drawCircle(pointX, pointY, count, paint);
            postInvalidateDelayed(16);
        }
        super.onDraw(canvas);
    }

    @Override
    @SuppressLint("ClickableViewAccessibility")
    public boolean onTouchEvent(MotionEvent event) {
        switch (event.getAction()) {
        case MotionEvent.ACTION_DOWN:
            isDraw = true;
            pointX = event.getX();
            pointY = event.getY();
            postInvalidate();
            break;
        case MotionEvent.ACTION_UP:
        case MotionEvent.ACTION_MOVE:
        case MotionEvent.ACTION_CANCEL:
            isDraw = false;
            count = 1;
            break;
        }
        return true;
    }
}