Android 下载进度条，自定义加载进度条，loading动画

meixi_android

已于 2022-06-23 09:29:15 修改

阅读量4.2k

点赞数

CC 4.0 BY-SA版权

分类专栏：移动开发文章标签： Android 加载进度条 loading 动画 Android下载进度条

于 2018-09-06 10:58:47 首次发布

本文链接：https://blog.youkuaiyun.com/meixi_android/article/details/82456945

移动开发专栏收录该内容

279 篇文章

订阅专栏

本文介绍了一种自定义的LoadingLine动画实现方法，通过ValueAnimator控制进度显示，并提供了Activity调用示例。该方法适用于Android应用开发，展示了如何在布局文件中使用自定义视图并更新进度。

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

1、自定义loadingline动画

/**
 * 作者：created by meixi
 * 邮箱：13164716840@163.com
 * 日期：2018/9/6 10
 */

public class LoadingLine extends View {

    private Paint paint;
    private Paint backPaint;
    private Paint textPaint;
    private boolean init = false;
    private ValueAnimator valueAnimator;
    private float param = 0;
    private int length = 0;

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


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

    private void init() {
        paint = new Paint();
        paint.setColor(Color.BLUE);
        paint.setStrokeWidth(25);
        backPaint = new Paint();
        backPaint.setColor(Color.RED);
        backPaint.setStrokeWidth(25);
        textPaint = new Paint();
        textPaint.setColor(Color.WHITE);
        textPaint.setTextSize(10);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        if (!init) {
//            start();
            init = true;
        }
        int width = getWidth();
        int height = getHeight();
        canvas.drawLine(0, height / 2, width, height / 2, backPaint);
        canvas.drawLine(0, height / 2, length * width / 100, height / 2, paint);
        if (length<100){
            canvas.drawText(length + "", length * width / 100 - 22, height / 2 + 6, textPaint);

        }else {
            canvas.drawText(length + "", length * width / 100 - 42, height / 2 + 6, textPaint);

        }
//        if (valueAnimator.isRunning()) {
//            param = (float) valueAnimator.getAnimatedValue();
//            setLength((int) param);
//        }
    }

    /**
     * 也可在外部手动控制进度条,自行关闭valueAnimator
     *
     * @param param
     */
    public void setLength(int param) {
        this.length = param;
        invalidate();
    }

    private void start() {
        if (valueAnimator == null) {
            valueAnimator = ValueAnimator.ofFloat(0, 100);
            valueAnimator.setInterpolator(new LinearInterpolator());
            valueAnimator.setDuration(6000);
            valueAnimator.start();
        } else {
            valueAnimator.start();
        }
        postDelayed(new Runnable() {
            @Override
            public void run() {
//                start();
                invalidate();
            }
        }, valueAnimator.getDuration());
        invalidate();
    }


}

2、activity调用

布局文件

<com.administrator.tests.LoadingLine
    android:id="@+id/myloadline"
    android:layout_width="match_parent"
    android:layout_height="5dp" />

初始化

    private boolean running;
    private LoadingLine loadingLine;
    int i = 0;

    static final int REFRESH_COMPLETE = 0X1112;
    private Handler mHandler = new Handler() {
        public void handleMessage(android.os.Message msg) {
            switch (msg.what) {
                case REFRESH_COMPLETE:
                    if (i==100){
                        running=false;
                    }
                    Log.i("lgq","...===="+i);
                    loadingLine.setLength(i++);//主要加载进度方法
//todo...
                    break;
            }
        }
    };

线程加载进度

 loadingLine =(LoadingLine)findViewById(R.id.myloadline);

new Thread() {
    @Override
    public void run() {
        super.run();
        running = true;
        while (running) {
            mHandler.sendEmptyMessageDelayed(REFRESH_COMPLETE, 0);
            try {
                sleep(100);
            } catch (InterruptedException e) {
                e.printStackTrace();
            }
        }
    }
}.start();

添加圆弧框

<RelativeLayout
    android:id="@+id/loadre"
    android:layout_width="280pt"
    android:layout_height="90pt"
    android:layout_marginTop="50pt"
    android:visibility="gone"
    android:layout_alignParentRight="true">

    <cn.dlc.bangbang.electricbicycle.util.views.LoadingLine
        android:id="@+id/myloadline2"
        android:layout_width="match_parent"
        android:layout_marginLeft="8pt"
        android:layout_marginRight="18pt"
        android:layout_centerVertical="true"
        android:layout_height="wrap_content">

    </cn.dlc.bangbang.electricbicycle.util.views.LoadingLine>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="45pt"
        android:layout_centerVertical="true"
        android:layout_marginRight="10pt"
        android:background="@drawable/load_topbg">

    </LinearLayout>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="下载中"
        android:textColor="@color/colorPrimary"
        android:textSize="@dimen/size_12pt"
        android:layout_alignParentBottom="true"
        android:layout_marginRight="10pt"
        android:layout_centerHorizontal="true"></TextView>

</RelativeLayout>

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="@color/transparent" />
    <corners android:radius="30dp" />
    <stroke
        android:width="8pt"
        android:color="@color/color_DDD" />
    <padding
        android:bottom="0dp"
        android:left="0dp"
        android:right="0dp"
        android:top="0dp" />

</shape>

demo连接： Android开发进度条demo-Android文档类资源-优快云下载