Android自定义带圆点的半圆形进度条

 更新时间:2018年12月31日 11:03:04   作者:songyan_love  
这篇文章主要为大家详细介绍了Android自定义带圆点的半圆形进度条,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了Android自定义带圆点的半圆形进度条,供大家参考,具体内容如下

仅限用于半圆形,如须要带圆点的圆形进度条,圆点会出现错位现象,此代码仅供,带圆点的圆形进度条有空研究一下!图片效果在下方,

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.RectF;
import android.util.AttributeSet;
import android.view.View;

/**
 * 自定义带圆点的进度条
 */
public class HalfProgressBar extends View{
 private int maxProgress = 100;
 //设置进度条背景宽度
 private float progressStrokeWidth = 3;
 //设置进度条进度宽度
 private float marxArcStorkeWidth = 6;
 //设置进度条圆点的宽度
 private float circularDotWidth=15;


 /**
  * 画笔对象的引用
  */
 private Paint paint;

 public synchronized int getProgress() {
  return progress;
 }

 /**
  * Android提供了Invalidate方法实现界面刷新,但是Invalidate不能直接在线程中调用,因为他是违背了单线程模型:Android UI操作并不是线程安全的,并且这些操作必须在UI线程中调用。
  * 而postInvalidate()在工作者线程中被调用 使用postInvalidate则比较简单,不需要handler,直接在线程中调用postInvalidate即可。 
  * @param progress 传过来的进度
  */
 public void setProgress(int progress) {
  if (progress < 0) {
   progress = 0;
  }
  if (progress > maxProgress) {
   progress = maxProgress;
  }
  if (progress <= maxProgress) {
   this.progress = progress;
   postInvalidate();
  }
 }
 /**
  * 当前进度
  */
 private int progress = 99;

 private RectF oval;
 private int roundProgressColor;
 private int roundColor;
 private int circularDotColor;
 public HalfProgressBar(Context context) {
  super(context);
 }

 public HalfProgressBar(Context context, AttributeSet attrs) {
  super(context, attrs);
  paint = new Paint();
  oval = new RectF();
  //这是自定义view 必须要写的
  TypedArray mTypedArray = context.obtainStyledAttributes(attrs, R.styleable.HalfProgressBar);
  roundProgressColor = mTypedArray.getColor(R.styleable.HalfProgressBar_roundProgressColor1, Color.YELLOW);
  roundColor=mTypedArray.getColor(R.styleable.HalfProgressBar_roundColor1, Color.YELLOW);
  circularDotColor=mTypedArray.getColor(R.styleable.HalfProgressBar_circularDotColor1, Color.YELLOW);

 }

 public HalfProgressBar(Context context, AttributeSet attrs, int defStyleAttr) {
  super(context, attrs, defStyleAttr);
  paint = new Paint();
  oval = new RectF();
  TypedArray mTypedArray = context.obtainStyledAttributes(attrs, R.styleable.HalfProgressBar);
  roundProgressColor = mTypedArray.getColor(R.styleable.HalfProgressBar_roundProgressColor1, Color.YELLOW);
  roundColor=mTypedArray.getColor(R.styleable.HalfProgressBar_roundColor1, Color.YELLOW);

 }

 @Override
 protected void onDraw(Canvas canvas) {
  // TODO 自动生成的方法存根
  super.onDraw(canvas);
  float width = getWidth();
  float height = getHeight();
  paint.setAntiAlias(false); // 设置画笔为抗锯齿
  paint.setColor(roundColor); // 设置画笔颜色

  paint.setStrokeWidth(progressStrokeWidth); // 线宽
  paint.setStyle(Paint.Style.STROKE);

  oval.left = marxArcStorkeWidth / 2; // 左上角x
  oval.top = circularDotWidth; // 左上角y
  oval.right = width - circularDotWidth / 2; // 左下角x
  oval.bottom = width - circularDotWidth / 2; // 右下角y
  float bangjing = ((width - circularDotWidth/2) / 2);//半径


  //调整圆背景的大小
  canvas.drawArc(oval, 180, 180, false, paint); // 绘制红丝圆圈,即进度条背景
  //进度条颜色
  paint.setColor(roundProgressColor);
  paint.setStrokeWidth(marxArcStorkeWidth);
  canvas.drawArc(oval, 180, 180 * ((float) progress / (float) maxProgress), false, paint); // 绘制进度圆弧,这里是蓝色


  //画圆点
  paint.setColor(circularDotColor);
  paint.setAntiAlias(true); // 设置画笔为抗锯齿
  paint.setStyle(Paint.Style.FILL);
  paint.setStrokeWidth(circularDotWidth);
  //当画笔样式为STROKE或FILL_OR_STROKE时,设置笔刷的图形样式,如圆形样式Cap.ROUND,或方形样式Cap.SQUARE
  paint.setStrokeCap(Paint.Cap.ROUND);
  float jindu = ((float) progress * 1.8f);
  canvas.drawPoint(bangjing - ((float) (Math.sin((Math.PI / (double) 180) * (jindu <= 90 ? 90 - (jindu) : -jindu + 90))) * bangjing),
   bangjing+circularDotWidth - ((float) (Math.cos((Math.PI / (double) 180) * (double) (jindu <= 90 ? 90 - jindu : -jindu + 90))) * bangjing), paint);

 }

}

attrs.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
 <!--自定义半圆形加载进度条-->
 <declare-styleable name="HalfProgressBar">
  <attr name="roundColor1" format="color"/>
  <attr name="roundProgressColor1" format="color"/>
  <attr name="circularDotColor1" format="color"/>
 </declare-styleable>
</resources>

xml中

<com.jyc99.demo.HalfProgressBar
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:id="@+id/view"
  android:layout_centerHorizontal="true"
  android:layout_marginTop="42dp"
  android_custom:roundColor1="#fc422b"
  android_custom:roundProgressColor1="#fa432e"
  android_custom:circularDotColor1="#246223"/>

由于截图的原因可能看不到圆点 , 大家自己试试调调颜色 调整一下高度宽度

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • Android常用正则表达式验证工具类(实例代码)

    Android常用正则表达式验证工具类(实例代码)

    正则表达式,相信接触过编程的人都知道,但是大部分人应该是每次用的时候现找,但对其语法应该只是一知半解 。下面小编给大家分享Android常用正则表达式验证工具类,感兴趣的朋友一起看看吧
    2017-10-10
  • Android开发实现SubMenu选项菜单和子菜单示例

    Android开发实现SubMenu选项菜单和子菜单示例

    这篇文章主要介绍了Android开发实现SubMenu选项菜单和子菜单,结合实例形式分析了Android开发中SubMenu选项菜单和子菜单的功能、配置、布局等相关操作技巧,需要的朋友可以参考下
    2019-03-03
  • Kotlin利用Regex如何构建正则表达式详解

    Kotlin利用Regex如何构建正则表达式详解

    正则表达式,又称规则表达式。下面这篇文章主要给大家介绍了关于Kotlin利用Regex构建正则表达式的相关资料,文中通过示例代码介绍的非常详细,对大家的工作具有一定的参考学习价值,需要的朋友们下面来一起看看吧。
    2017-12-12
  • Android如何实现时间线效果(下)

    Android如何实现时间线效果(下)

    上一篇文章我们讲了Android如何实现时间线效果,今天计息上一回的文章围绕Android实现时间线效果内容展开更多,需要的朋友可以参考一下
    2021-11-11
  • Android自定义SeekBar实现视频播放进度条

    Android自定义SeekBar实现视频播放进度条

    这篇文章主要为大家详细介绍了Android自定义SeekBar实现视频播放进度条的相关资料,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • Android实现带页面切换的锁屏功能

    Android实现带页面切换的锁屏功能

    这篇文章主要为大家详细介绍了Android实现带页面切换的锁屏功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-06-06
  • Android快速实现无预览拍照功能

    Android快速实现无预览拍照功能

    这篇文章主要为大家详细介绍了Android快速实现无预览拍照功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-06-06
  • Android开发中的Surface库及用其制作播放器UI的例子

    Android开发中的Surface库及用其制作播放器UI的例子

    这篇文章主要介绍了Android开发中的Surface库及用其制作播放器界面的例子,利用SurfaceView和SurfaceHolder可以高效地绘制和控制图形界面,需要的朋友可以参考下
    2016-04-04
  • Android编程之ActionBar Tabs用法实例分析

    Android编程之ActionBar Tabs用法实例分析

    这篇文章主要介绍了Android编程之ActionBar Tabs用法,结合实例形式分析了ActionBar Tabs的功能及Tab切换不同的Fragment的相关实现技巧,需要的朋友可以参考下
    2017-03-03
  • Android OpenCV基础API清晰度亮度识别检测

    Android OpenCV基础API清晰度亮度识别检测

    这篇文章主要为大家介绍了Android OpenCV基础API清晰度亮度识别检测,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-01-01

最新评论