Android开发之绘制自定义进度条 | 渐变进度条 | 斜角进度条的方法

最新推荐文章于 2024-07-10 17:55:52 发布

xiayiye5

最新推荐文章于 2024-07-10 17:55:52 发布

阅读量1.9k

点赞数 1

分类专栏：自定义view 文章标签：自定义进度条渐变进度条斜角进度条 android渐变进度条 android自定义进度条

本文链接：https://blog.csdn.net/xiayiye5/article/details/126769691

版权

本文介绍了如何在Android开发中创建自定义的渐变进度条和斜角进度条。首先展示了斜角进度条的实现过程，接着详细说明了自定义渐变进度条的步骤，包括在XML中引用和代码设置颜色的方法。同时，提到了自定义属性文件的重要性，并表达了对相关博主的感谢。

摘要由CSDN通过智能技术生成

老套路先上图

先看上面的斜角进度条的实现方法：

package cn.yhsh.appwidget;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.LinearGradient;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.Shader;

/**
 * @author xiayiye5
 * @date 2022/9/6 17:50
 * 自定义progressBar进度条
 */
public class BitmapUtils {
    public static Bitmap createProgressBitmap(Context context, long curPosition, long duration) {
        final int width = 240;
        final int height = 6;
        final int x_offset = Math.round(width * 0.02f);
        Bitmap bitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);
        Canvas canvas = new Canvas(bitmap);

        Paint paint = new Paint();
        paint.setColor(getColor(context, R.color.remote_view_progress_bar_bg_color));
        //draw progress bar bg.
        drawPath(x_offset, width, width - x_offset, 0, height, canvas, paint);
        if (duration == 0) {
            return bitmap;
        }
        if (curPosition + height > duration) {
            curPosition = duration;
        }
        float curWidth = (float) (width - x_offset) * curPosition / duration;
        if (curWidth > 0) {
            paint = new Paint();
            Shader mShader = new LinearGradient(0, 0, curWidth, height,
                    new int[]{getColor(context, R.color.remote_view_current_position_bg_start_color),
                            getColor(context, R.color.remote_view_current_position_bg_middle_color),
                            getColor(context, R.color.remote_view_current_position_bg_end_color)
                    },
                    null, Shader.TileMode.CLAMP);
            paint.setShader(mShader);
            //draw current progress bar.
            drawPath(x_offset, curWidth + x_offset, curWidth, 0, height, canvas, paint);

            //draw progress bar thumb.
            final int thumbWidth = 3;
            paint = new Paint();
            paint.setColor(getColor(context, R.color.remote_view_current_position_bg_thumb_color));
            drawPath(curWidth + x_offset, curWidth + x_of