Android绘图：360加速球

最新推荐文章于 2022-07-22 11:06:19 发布

liujiaoruiIT

最新推荐文章于 2022-07-22 11:06:19 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏：日记

本文链接：https://blog.youkuaiyun.com/liujiaoruiIT/article/details/48553775

日记专栏收录该内容

88 篇文章

订阅专栏

本文介绍了一个使用Android自定义View实现动态效果的例子。通过创建MyPathView类，结合Handler和Canvas，实现了进度条和波浪线动画效果，并在主Activity中通过按钮控制进度更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

自定义View

public class MyPathView extends View {
    private Paint mPaint;
    private Paint mPaintPoint;
    private int mWidth;
    private int mHeight;
    private Path mPath;
    private Paint mPaintText;
    private Bitmap mBitmapBubble;
    private  Canvas mCanvasBit;
    private int currentProgress;
    private static final int NEED_INVALIDATE=0X23;
    private int count=0;
    private int size=0;
    private boolean isAdd=true;
    private Handler handler=new Handler(){
        @Override
        public void handleMessage(Message msg) {
            super.handleMessage(msg);
            switch (msg.what){
                case NEED_INVALIDATE:
                    count+=5;

                    if (count>140){
                        count=0;
                    }
                    if (isAdd){
                        size++;
                        if (size>20){
                            isAdd=false;
                        }
                    }else {
                        size--;
                        if (size<-21){
                            isAdd=true;
                        }
                    }
                    invalidate();
                    handler.sendEmptyMessageDelayed(NEED_INVALIDATE,50);
                    break;
            }
        }
    };

    public int getCurrentProgress() {
        return currentProgress;
    }

    public void setCurrentProgress(int currentProgress) {
        this.currentProgress = currentProgress;
        invalidate();//告诉UI线程重新绘制
    }

    public MyPathView(Context context, AttributeSet attrs) {
        super(context, attrs);
        mPaint=new Paint();
        mPaint.setColor(Color.RED);
        mPaint.setStyle(Paint.Style.FILL);
//        mPaint.setStrokeWidth(5);
//        mPaint.setTextSize(50);
        mPaint.setAntiAlias(true);//设置抗锯齿
        mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));//只允许相交部分显现

        mPath=new Path();

        mPaintText=new Paint();
        mPaintText.setAntiAlias(true);
        mPaintText.setTextSize(100);
        mPaintText.setColor(Color.GREEN);
        mPaintText.setTextAlign(Paint.Align.CENTER);

        mPaintPoint=new Paint();
        mPaintPoint.setColor(Color.BLUE);
        mPaintPoint.setStrokeWidth(10);
        mPaintPoint.setStyle(Paint.Style.FILL);
        handler.sendEmptyMessageDelayed(NEED_INVALIDATE,1000);
    }

    public MyPathView(Context context) {
        super(context);


    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        mWidth = getDefaultSize(getSuggestedMinimumWidth(), widthMeasureSpec);
        mHeight = getDefaultSize(getSuggestedMinimumHeight(), heightMeasureSpec);
        setMeasuredDimension(getDefaultSize(getSuggestedMinimumWidth(), widthMeasureSpec),
                getDefaultSize(getSuggestedMinimumHeight(), heightMeasureSpec));
         mBitmapBubble=Bitmap.createBitmap(mWidth,mHeight,Bitmap.Config.ARGB_8888);
         mCanvasBit=new Canvas(mBitmapBubble);

    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        canvas.drawColor(Color.argb(0xff, 0x08, 0x7e, 0x72));//设置画布的颜色
        mCanvasBit.drawCircle(300, 300, 150, mPaintPoint);
        mPath.reset();
        mPath.moveTo(500, 450-currentProgress*300/100);
        mPath.lineTo(500, 500);
        mPath.lineTo(count, 500);
        mPath.lineTo(count,450-currentProgress*300/100);
//        mPath.reset();//重置，避免波浪线加宽
//        mPath.moveTo(count, mHeight / 2);

        for (int i=0;i<10;i++){
            //画出十个波浪形
            mPath.rQuadTo(20,8,40,0);
            mPath.rQuadTo(20,-8,40,0);
        }
        mPath.close();
        mCanvasBit.drawPath(mPath, mPaint);

        canvas.drawBitmap(mBitmapBubble, 0, 0, null);
        canvas.drawText(currentProgress + "%", 300, 300,mPaintText);
        }
       }

主函数

public class MainActivity extends AppCompatActivity {
    private Button mButtonStart;
    private MyPathView myPathView;
    private int progress;
    private Handler handler=new Handler(){
        @Override
        public void handleMessage(Message msg) {
            super.handleMessage(msg);
            switch (msg.what){
                case 0x23:
                    progress++;
                    if (progress<=100){
                        myPathView.setCurrentProgress(progress);
                        handler.sendEmptyMessageDelayed(0x23,200);
                    }
                   break;
            }
        }
    };
 @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mButtonStart= (Button) findViewById(R.id.button_start);
        myPathView= (MyPathView) findViewById(R.id.myPathView);
        mButtonStart.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                handler.sendEmptyMessageDelayed(0x23,1000);
            }
        });
      }
   }

布局

<com.example.administrator.definedviewdemo.Wiget.MyPathView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/myPathView"/>
    <Button
        android:id="@+id/button_start"
        android:text="CPU占有率"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />