自定义View之-ProgressBar进度条

最新推荐文章于 2024-10-18 14:19:47 发布
最新推荐文章于 2024-10-18 14:19:47 发布
阅读量419 收藏
点赞数
分类专栏： 安卓 文章标签： android 自定义View 自定义progressBar 下载圆形进
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/huangdi004/article/details/49102673
版权
     好久没写博客本来是定好每周写一篇的。丫的，就是因为身边没个妹子,都没人提醒我。程序员的悲哀啊。求

    老大赐我个妹子啊。不求多好。但求36D啊。

    好了 送上代码，以备。


   首先送上圆形的进度条,用来作下载。  

@Override
protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    mDefaultPaint = new Paint();
    mProgressPaint = new Paint();
    //拿到控件的宽度
    int centerWidth  = getWidth()/2;
    //边距2
    mDefaultPaint.setStrokeWidth(2);
    int radius = centerWidth-1;
    mDefaultPaint.setAntiAlias(true);
    mDefaultPaint.setColor(Color.BLACK);
    mDefaultPaint.setStyle(Paint.Style.STROKE);
    mProgressPaint.setStrokeWidth(3);
    mProgressPaint.setAntiAlias(true);
    mProgressPaint.setColor(Color.GREEN);
    mProgressPaint.setStyle(Paint.Style.STROKE);
    String text = "下载进度:"+loadingProgress+"%";
    Rect rect = new Rect();
    Paint textPaint = new Paint();
    textPaint.setTextSize(20f);
    textPaint.setStyle(Paint.Style.FILL);
    textPaint.setAntiAlias(true);
    textPaint.setColor(Color.RED);
    textPaint.setTypeface(Typeface.DEFAULT_BOLD);
    //拿到文本的宽高
    textPaint.getTextBounds(text, 0, text.length(), rect);
    //绘制默认情况的圆形
    canvas.drawCircle(centerWidth,centerWidth,radius,mDefaultPaint);
    //绘制文本
    canvas.drawText(text, centerWidth - rect.right / 2, centerWidth - rect.top / 2, textPaint);
    RectF rectF = new RectF(centerWidth-radius,centerWidth-radius,centerWidth+radius,centerWidth+radius);
    //当达到100的时候弹出下载完成
    if(loadingProgress==100){
        canvas.drawArc(rectF,0,360.0f*loadingProgress/100,false,mProgressPaint);
        Toast.makeText(getContext(),"下载完成",Toast.LENGTH_SHORT).show();
        return ;
    }else{
        //未下载完成的时候根据进度绘制弧形
    canvas.drawArc(rectF,0,360.0f*loadingProgress/100,false,mProgressPaint);
    }
}

     接着送上全部代码.

   

package com.huangdi.myprogress.widget;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Rect;
import android.graphics.RectF;
import android.graphics.Typeface;
import android.util.AttributeSet;
import android.view.View;
import android.widget.Toast;

/**
 * Created by huangdi on 15/10/11.
 * 自定义的进度条，圆形，带颜色的
 *
 */
public class ColorProgress extends View {
    private Paint mDefaultPaint;
    private Paint mProgressPaint;

    public int getLoadingProgress() {
        return loadingProgress;
    }

    public void setLoadingProgress(int loadingProgress) {
        this.loadingProgress = loadingProgress;
        postInvalidate();
    }

    private boolean isLoading;
    private int loadingProgress;
    public ColorProgress(Context context) {
        this(context,null);
    }

    public ColorProgress(Context context, AttributeSet attrs) {
        this(context, attrs,0);
    }

    public ColorProgress(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }
    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        mDefaultPaint = new Paint();
        mProgressPaint = new Paint();
        //拿到控件的宽度
        int centerWidth  = getWidth()/2;
        //边距2
        mDefaultPaint.setStrokeWidth(2);
        int radius = centerWidth-1;
        mDefaultPaint.setAntiAlias(true);
        mDefaultPaint.setColor(Color.BLACK);
        mDefaultPaint.setStyle(Paint.Style.STROKE);
        mProgressPaint.setStrokeWidth(3);
        mProgressPaint.setAntiAlias(true);
        mProgressPaint.setColor(Color.GREEN);
        mProgressPaint.setStyle(Paint.Style.STROKE);
        String text = "下载进度:"+loadingProgress+"%";
        Rect rect = new Rect();
        Paint textPaint = new Paint();
        textPaint.setTextSize(20f);
        textPaint.setStyle(Paint.Style.FILL);
        textPaint.setAntiAlias(true);
        textPaint.setColor(Color.RED);
        textPaint.setTypeface(Typeface.DEFAULT_BOLD);
        //拿到文本的宽高
        textPaint.getTextBounds(text, 0, text.length(), rect);
        //绘制默认情况的圆形
        canvas.drawCircle(centerWidth,centerWidth,radius,mDefaultPaint);
        //绘制文本
        canvas.drawText(text, centerWidth - rect.right / 2, centerWidth - rect.top / 2, textPaint);
        RectF rectF = new RectF(centerWidth-radius,centerWidth-radius,centerWidth+radius,centerWidth+radius);
        //当达到100的时候弹出下载完成
        if(loadingProgress==100){
            canvas.drawArc(rectF,0,360.0f*loadingProgress/100,false,mProgressPaint);
            Toast.makeText(getContext(),"下载完成",Toast.LENGTH_SHORT).show();
            return ;
        }else{
            //未下载完成的时候根据进度绘制弧形
        canvas.drawArc(rectF,0,360.0f*loadingProgress/100,false,mProgressPaint);
        }
    }


}

同理在送上水平进度条

package com.huangdi.myprogress.widget;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Rect;
import android.graphics.Typeface;
import android.util.AttributeSet;
import android.view.View;

/**
 * Created by huangdi on 15/10/11.
 */

public class HoriZontal extends View {
    private Paint mtextPaint,mDefaultPaint,mProgressPaint;
    private int progress;



    public void setProgress(int progress) {
        this.progress = progress;
        postInvalidate();
    }

    public HoriZontal(Context context) {
        this(context, null);
    }

    public HoriZontal(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public HoriZontal(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        mDefaultPaint = new Paint();
        mDefaultPaint.setColor(Color.GRAY);
        mDefaultPaint.setAntiAlias(true);
        mDefaultPaint.setStrokeWidth(10);
        mDefaultPaint.setStyle(Paint.Style.FILL);
        mProgressPaint = new Paint();
        mProgressPaint.setColor(Color.RED);
        mProgressPaint.setAntiAlias(true);
        mProgressPaint.setStrokeWidth(12);
        mProgressPaint.setStyle(Paint.Style.FILL);
        mtextPaint = new Paint();
        mtextPaint.setColor(Color.GREEN);
        mtextPaint.setAntiAlias(true);
        mtextPaint.setTextSize(20f);
        mtextPaint.setStyle(Paint.Style.STROKE);
        mtextPaint.setTypeface(Typeface.DEFAULT_BOLD);
        mtextPaint.setStyle(Paint.Style.STROKE);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        //首先得画出默认的进度条
        int centerWidth  = getWidth();
        int height = getHeight();
        canvas.drawLine(getPaddingLeft(), height , getPaddingLeft() + centerWidth, height , mDefaultPaint);
        Rect rect = new Rect();
        String text = "屌丝下载进度为:"+progress+"%";
        mtextPaint.getTextBounds(text, 0, text.length(), rect);
        canvas.drawText(text, getPaddingLeft(),height+rect.top,mtextPaint);
        canvas.drawLine(getPaddingLeft(),height ,(progress*(getPaddingLeft()+centerWidth))/100,height,mProgressPaint);
    }

}
 
运行效果图


    好啦 以上就是这次简易自定义progress

      

huangdi004
关注
专栏目录
Delphi7·ProgressBar控件
smStoneBunSp
02-21 6477
Delphi7制作简单的进度条 简单但却实用
自定义简单的ProgressBar
qq_36425800的博客
04-01 1847
自学了Android这么长时间，一直没有怎么去接触自定义View，这段时间在一个简单的项目中需要用到一个的进度条来展示数据，于是想到了使用ProgressBar来实现，但是使用Android自带的ProgressBar样式比较难实现，于是决定自定义一个View来实现，同时也练习下自定义View的使用。写下来记录下，没怎么写过博文，格式比较乱，见谅！ 这个ProgressBar是参考网上的一篇博客...
【转】自定义ProgressBar（背景，前景，进度图片）
ccsosnfs的专栏
07-22 425
[b]源地址[/b][url]http://blog.csdn.net/dongshuai1991/article/details/8595334[/url] android系统提供了少量的progressBar样式，但是样式有限，而且不够美观。所以这就需要我们自已定义progressBar的风格。提高应用UI的美观。这里简单的介绍自定义progressBar的两种方式。 一、引用...
progress_bar:转到进度栏
03-20
进度条 转到进度栏 特征 progress_bar为Linux终端创建一个可定制的进度条。 安装 go get -u github.com/ermanimer/progress_bar 功能 DefaultProgressBar（totalValue float64）* ProgressBar 创建具有默认参数和给定总值的进度条。 范围 描述 总价值 进度条的总价值 默认参数： 默认参数 价值 默认架构 [{bar}] [{percent}] [{current} / {total}] [已过：{elapsed} s剩余：{remaining} s] 默认填充字符 ＃ 默认空白字符 。 默认长度 50 NewProgressBar（输出io.Writer，架构字符串，filledCharacter字符串，blankCharacter字符串，长度float64，totalValue fl
Delphi在StatusBar上绘制ProgressBar
weixin_30735745的博客
02-14 427
首先，在TForm的私有域，也就是private下设置两个变量ProgressBar、ProgressBarRect，其中ProgressBar为 TProgressBar类型，ProgressBarRect为TRect类型，完整的定义如下：typeTForm1 = class(TForm)......privateProgressBar: TProgressBar;...
自定义 ProgressBar
精彩生活，不惧挑战
03-23 991
自定义 ProgressBar自定义一个ProgressBar，按照自定义View的流程来进行。因为我们只是需要做一个外表比系统控件更酷炫的progressBar，它的功能不会发生改变，所以我们创建一个HorizontalProgress类，让它继承ProgressBar，这样我们就不用自己去实现一些ProgressBar本身需要的方法了。
Android 自定义View--ProgressBar篇（一）
FLY346422332的博客
09-20 627
1、概述 1.1 目的 ： 在我们的日常开发中，有很多Android UI界面上有一些特殊或者特别的控件与界面，是Android自带的控件所不能满足的，需要我们自己定制一些适合的控件来完成。 1.2 Android自定义View步骤 ： 自定义属性； 选择和设置构造方法； 重写onMeasure()方法； 重写onDraw()方法； 重写onLayout()方法； 重写其他事件的方法（滑动...
自定义View之实现进度条（ProgressBar）
xiaokang666的博客
11-23 615
自定义View之实现进度条（ProgressBar）
自定义View之渐变色进度条
09-11
本项目“自定义View之渐变色进度条”聚焦于构建一个美观、功能完善的进度条，该进度条具有渐变色彩，并且能够显示文本进度值，提供了高度的定制性。 首先，我们要理解如何在Android中实现一个自定义的View。自定义...
android自定义view之---组合view
07-30
在Android开发中，自定义View是一项重要的技能，它允许开发者根据特定需求创建独特且功能丰富的用户界面组件。本文将深入探讨如何在Android中实现自定义组合View，即结合多个基本View来构建复杂视图。 首先，理解...
安卓进度条loadingprogress相关-自定义进度条自定义逐帧动画进度条让自己的进度条更美观大方。.rar
07-29
因此，我们可以通过继承View或者AppCompatProgressBar类，重写onDraw()方法来创建自定义进度条。在这个过程中，我们可以自由设计进度条的样式，如线条颜色、宽度、形状等。 二、逐帧动画（Frame Animation） 逐帧...
3-7(ProgressBar进度条).7z
01-30
这个“3-7(ProgressBar进度条).7z”压缩包可能包含了一些关于如何使用和自定义ProgressBar的示例代码、资源文件以及相关文档。在这个主题中，我们将深入探讨ProgressBar的基本用法、类型以及如何通过编程实现进度...
安卓自定义控件相关-androd自定义有进度的圆形进度条.zip
07-29
`MyDrawCircleProgress`可能就是一个自定义的View类，它扩展了基本的View类或者ProgressBar类，以便实现自定义的绘制逻辑。 在`MyDrawCircleProgress`中，关键步骤可能包括： 1. **初始化**: 在构造函数中，可能...
Android -- [SelfView] 炫酷文字圆盘时钟
最新发布
8023的博客
10-18 257
【代码】Android -- [SelfView] 炫酷文字圆盘时钟。
Android[BLE] BluetoothDeivce.connectGatt函数中的autoConnect可能出现的问题
weixin_38622593的博客
10-15 314
autoConnect可能出现的问题
Android：记录一个打包发布版的release包以后闪退的问题
Spy003的博客
10-13 525
个人感觉其实release闪退的问题挺难排查的，因为release包运行起来as捕获不到相应的应用程序进程，从而不易查看到日志，也是我玩得不溜，大家有不同的方法可以评论区探讨，我也定期回复一些评论一起讨论。
SQLite数据库在Android中的应用及操作方式
Good_tea_h的博客
10-14 765
SQLite数据库在Android中的应用非常广泛，它作为一个轻量级的关系型数据库，以其高效、可靠和易于使用的特点，成为了Android平台上存储和管理数据的首选方案。以下是对SQLite数据库在Android中的应用及操作方式的详细介绍。
android:launchMode=“singleInstancePerTask“
Steve_XiaoHai的博客
10-15 374
提供了一种灵活的机制，允许多个任务分别拥有一个独立的 Activity 实例。与相比，它允许在不同的任务中创建多个实例，而不是全系统只允许一个实例。
android自定义view实现水平进度条
04-26
好的，下面是Android自定义View实现水平进度条的步骤： 1. 创建自定义View类 在Android Studio中创建一个自定义View类，可以命名为HorizontalProgressBar。 2. 定义属性 在自定义View类中定义进度条的属性，例如进度颜色、背景颜色、进度值等。 3. 实现onMeasure方法 在onMeasure方法中设置View的宽高，可以根据布局文件中设置的宽高和padding值来计算。 4. 实现onDraw方法 在onDraw方法中绘制进度条，包括进度条的背景和进度。 5. 实现setProgress方法 在setProgress方法中设置进度条的进度值，并调用invalidate方法来重新绘制进度条。 6. 使用自定义View 在布局文件中使用自定义View，设置属性和进度值即可显示水平进度条。 以上就是Android自定义View实现水平进度条的步骤，希望能对你有所帮助。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值