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

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文档类资源-CSDN下载

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Android 中,你可以使用 `ProgressBar` 控件来实现进度条。如果你需要自定义进度条的外观和行为,可以通过以下方法进行: 1. 使用样式进行自定义 在 `styles.xml` 文件中定义一个样式,然后将其应用到 `ProgressBar` 控件上。例如,以下样式将创建一个红色的进度条: ```xml <style name="CustomProgressBar" parent="@android:style/Widget.ProgressBar.Horizontal"> <item name="android:progressDrawable">@drawable/custom_progressbar</item> <item name="android:minHeight">20dp</item> <item name="android:maxHeight">20dp</item> </style> ``` 在这个样式中,我们使用了一个自定义的 `progressDrawable` 属性,它指向了一个名为 `custom_progressbar` 的可绘制资源。在 `drawable` 文件夹下,创建一个名为 `custom_progressbar.xml` 的文件,并添以下内容: ```xml <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <item android:id="@android:id/background"> <shape> <corners android:radius="5dp" /> <solid android:color="#CCCCCC" /> </shape> </item> <item android:id="@android:id/progress"> <clip> <shape> <corners android:radius="5dp" /> <solid android:color="#FF0000" /> </shape> </clip> </item> </layer-list> ``` 这个 XML 文件定义了一个图层列表,其中包含两个元素:一个背景元素和一个进度元素。背景元素是一个灰色的矩形,进度元素是一个红色的矩形,它的宽度将随着进度的增而增。 现在,将自定义样式应用到 `ProgressBar` 控件上: ```xml <ProgressBar android:id="@+id/progressBar" android:layout_width="match_parent" android:layout_height="wrap_content" style="@style/CustomProgressBar" /> ``` 2. 使用自定义控件进行自定义 如果你需要更高级的自定义功能,你可以创建一个自定义的 `View` 控件,然后在其中实现自己的进度条逻辑。以下是一个简单的例子: ```java public class CustomProgressBar extends View { private int progress = 0; private Paint paint; public CustomProgressBar(Context context) { super(context); init(); } public CustomProgressBar(Context context, AttributeSet attrs) { super(context, attrs); init(); } public CustomProgressBar(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); init(); } private void init() { paint = new Paint(); paint.setColor(Color.RED); } public void setProgress(int progress) { this.progress = progress; invalidate(); } @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); int width = getWidth(); int height = getHeight(); int progressWidth = (int) ((float) progress / 100 * width); canvas.drawRect(0, 0, width, height, paint); canvas.drawRect(0, 0, progressWidth, height, new Paint(Color.WHITE)); } } ``` 在这个自定义控件中,我们定义了一个 `progress` 属性,用于表示进度。在 `init()` 方法中,我们创建了一个画笔对象,用于绘制进度条。在 `onDraw()` 方法中,我们使用画笔对象绘制了一个红色的矩形,表示进度条的整体区域。然后,我们绘制了一个白色的矩形,表示进度条的当前进度。 你可以在布局文件中使用这个自定义控件: ```xml <com.example.myapplication.CustomProgressBar android:id="@+id/customProgressBar" android:layout_width="match_parent" android:layout_height="20dp" /> ``` 在代码中,你可以调用 `setProgress()` 方法来更新进度条的进度: ```java CustomProgressBar progressBar = findViewById(R.id.customProgressBar); progressBar.setProgress(50); // set progress to 50% ``` 以上是两种实现自定义进度条的方法,你可以根据自己的需求选择其中一种方法来进行实现。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值