button drawableLeft 加上动画效果

最新推荐文章于 2021-05-29 12:37:58 发布

rain_win

最新推荐文章于 2021-05-29 12:37:58 发布

阅读量833

点赞数

分类专栏： Android 自定义view 文章标签： github 动画

本文链接：https://blog.csdn.net/winrainbow/article/details/75090095

版权

Android 同时被 2 个专栏收录

19 篇文章 0 订阅

订阅专栏

自定义view

1 篇文章 0 订阅

订阅专栏

最终实现的效果

这里写图片描述

其中drawableleft是一个png图，上面的转圈的扇型是通过drawarc方法绘制的

实现方法 github_AnimButtonDrawableleft欢迎star

1，为了解决drawableLeft与文字居中显示，使用了 iconButton

package com.hgj.wifi.test;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.RectF;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;

import com.phillipcalvin.iconbutton.IconButton;

/**
 * Created by hanguojing on 2017/7/13 15:42
 */

public class AnimIconButton extends IconButton {
    private static final String TAG = "AnimIconButton";
    private Paint mPaint;
    private int times;
    private boolean startAnim;
    private Runnable mRunnable = new Runnable() {
        @Override
        public void run() {
            // 调用invalidate
            invalidate();
        }
    };
    private RectF bounds;

    public AnimIconButton(Context context) {
        super(context);
    }

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

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

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        if(startAnim){
            animDraw(canvas);
        }

    }

    public void animController(boolean startAnim) {
        this.startAnim = startAnim;
        invalidate();
    }

    private void animDraw(Canvas canvas) {
        Drawable[] drawables = getCompoundDrawables();
        Drawable left = drawables[0];
        if (mPaint == null) {
            mPaint = new Paint();
        }
        mPaint.setStyle(Paint.Style.STROKE);
        mPaint.setStrokeWidth(1);
        mPaint.setColor(Color.WHITE);
        mPaint.setAntiAlias(true);
        mPaint.setDither(true);
        float leftX = getPaddingLeft();
        float rightX = leftX + left.getIntrinsicWidth();
        float topY = getHeight() / 2 - left.getIntrinsicHeight() / 2;
        float bottomY = topY + left.getIntrinsicHeight();
        mPaint.setStyle(Paint.Style.FILL);
        canvas.drawArc(leftX, topY, rightX, bottomY, (-45 + times * 5) % 360, 90, true, mPaint);
        times++;
        postDelayed(mRunnable, 5);

    }
}