Android仿小米安全中心检测进度条效果

模仿小米安全中心检测效果

废话少说,咱们先上效果图:

github地址: https://github.com/niniloveyou/GradeProgressView

这个效果的使用场景并不多,主要是各种检测的时候,比如垃圾清理,手机安全检测, 当然如果你不嫌弃这个效果丑, 也可以用作进度条。哈哈。

下面说点干货分析下这个效果怎么实现:

拿到这个效果首先想想主要有哪些技术难点:

1.进度条

2.中间的指针怎么弄

1.进度条

有人说进度条还不容易吗? 就这样写:

mPaint.setPathEffect(new DashPathEffect(new float[]{dashWith,dashSpace},。。。));


canvas.drawArc(mRectF,135,270,false,mPaint);
mPaint.setColor(Color.WHITE);
canvas.drawArc(mRectF,degree,mPaint);


设置个PathEffect
然后画个圆弧,给画笔设置颜色然后根据进度,算出角度, 然后再画出一个圆弧,覆盖第一个圆弧的部分不就行了。废话这么多。
不过我想说的too young too simple. 当时我也是这样想的,于是就实现吧! 做好了先画个50% (也就是第二个圆弧覆盖第一个圆弧的一半)试试,不错啊perfect看来是这样的, 再来个30%试试尼玛不对啊, 怎么小格子没有重合,有点错位啊。MDZZ

后来想了一个简单点的办法,不覆盖,画两个圆弧, 但是这两个圆弧是对接起来的。 比如第一个圆弧,画一半,第二个画一半。

//draw background arc
canvas.drawArc(mRectF,135 + degree,270 - degree,mPaint);

//draw progress arc
canvas.drawArc(mRectF,mProgressPaint);


2.中间的指针怎么弄

先画出指针的路径

mPointerPath = new Path();
mPointerPath.moveTo(centerX + pointRadius,centerY - 7);
mPointerPath.lineTo(centerX + pointRadius,centerY + 7);
mPointerPath.lineTo(mRectF.right - pointGap - lineWidth / 2,centerY);
mPointerPath.lineTo(centerX + pointRadius,centerY - 7);
mPointerPath.close();


在中心draw一个小圆
然后draw指针,这样当画布旋转时指针自然也就旋转了,不懂得要去看看canvas.save(),canvas.restore()的作用

 //draw pointer
canvas.drawCircle(centerX,centerY,pointRadius,mInnerCirclePaint);
canvas.save();
canvas.rotate(135 + degree,centerX,centerY);
canvas.drawPath(mPointerPath,mPointerPaint);
canvas.restore();

下面上完整代码:

package deadline.grade;

import android.animation.ValueAnimator;
import android.annotation.TargetApi;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.DashPathEffect;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.RectF;
import android.os.Build;
import android.support.annotation.IntRange;
import android.util.AttributeSet;
import android.util.Log;
import android.view.View;
import android.view.animation.AccelerateDecelerateInterpolator;

/**
 * @author deadline
 * @time 2016/9/24
 */
public class GradeProgressView extends View {


 private static final String TAG = GradeProgressView.class.getSimpleName();

 private static final int DEFAULT_PROGRESS_COLOR = Color.WHITE;
 private static final int DEFAULT_BACKGROUND_COLOR = 0x5AFFFFFF;

 private int mBackgroundColor = DEFAULT_BACKGROUND_COLOR;
 private int mProgressColor = DEFAULT_PROGRESS_COLOR;

 //进度条的每格线宽,间距,长度
 private int dashWith = 4;
 private int dashSpace = 6;
 private int lineWidth = 60;

 //最外圈线的宽度和与进度条之间的间距
 private int outLineWidth = 5;
 private int gapWidth = 25;

 //指针的线宽度, 半径, 以及指针与进度条的间距
 private int pointLineWidth = 10;
 private int pointRadius = 25;
 private int pointGap = 20;

 private int mProgress = 0;

 //外线
 private RectF mOuterRectF;
 private Paint mOuterPaint;

 //进度条
 private RectF mRectF;
 private Paint mPaint;
 private Paint mProgressPaint;

 //指针
 private Paint mInnerCirclePaint;
 private Paint mPointerPaint;
 private Path mPointerPath;

 private float centerX;
 private float centerY;

 private ValueAnimator animator;

 private OnProgressChangeListener mListener;

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

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

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

 @TargetApi(Build.VERSION_CODES.LOLLIPOP)
 public GradeProgressView(Context context,int defStyleAttr,int defStyleRes) {
 super(context,defStyleAttr,defStyleRes);
 }


 private void setup() {

 mRectF = new RectF();
 mOuterRectF = new RectF();

 mOuterPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
 mOuterPaint.setStrokeWidth(outLineWidth);
 mOuterPaint.setColor(mBackgroundColor);
 mOuterPaint.setStyle(Paint.Style.STROKE);

 mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
 mPaint.setStrokeWidth(lineWidth);
 mPaint.setColor(mBackgroundColor);
 mPaint.setStyle(Paint.Style.STROKE);
 mPaint.setPathEffect(new DashPathEffect(new float[]{dashWith,dashSpace));

 mProgressPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
 mProgressPaint.setStrokeWidth(lineWidth);
 mProgressPaint.setColor(mProgressColor);
 mProgressPaint.setStyle(Paint.Style.STROKE);
 mProgressPaint.setPathEffect(new DashPathEffect(new float[]{dashWith,dashSpace));

 mPointerPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
 mPointerPaint.setStrokeWidth(pointLineWidth / 2);
 mPointerPaint.setColor(mProgressColor);
 mPointerPaint.setStyle(Paint.Style.FILL_AND_STROKE);
 mPointerPaint.setStrokeCap(Paint.Cap.ROUND);
 mPointerPaint.setShadowLayer(4,3,0x20000000);

 mInnerCirclePaint = new Paint(Paint.ANTI_ALIAS_FLAG);
 mInnerCirclePaint.setStrokeWidth(pointLineWidth);
 mInnerCirclePaint.setColor(mProgressColor);
 mInnerCirclePaint.setStyle(Paint.Style.STROKE);
 mInnerCirclePaint.setShadowLayer(4,0x20000000);
 }


 @Override
 protected void onSizeChanged(int w,int h,int oldw,int oldh) {
 super.onSizeChanged(w,h,oldw,oldh);

 int value = outLineWidth / 2;
 mOuterRectF.set(value,value,w - value,h - value);

 int gap = lineWidth / 2 + outLineWidth + gapWidth;

 mRectF.set(mOuterRectF.left + gap,mOuterRectF.top + gap,mOuterRectF.right - gap,mOuterRectF.bottom - gap);

 centerX = mRectF.centerX();
 centerY = mRectF.centerY();

 mPointerPath = new Path();
 mPointerPath.moveTo(centerX + pointRadius,centerY - 7);
 mPointerPath.lineTo(centerX + pointRadius,centerY + 7);
 mPointerPath.lineTo(mRectF.right - pointGap - lineWidth / 2,centerY);
 mPointerPath.lineTo(centerX + pointRadius,centerY - 7);
 mPointerPath.close();
 }

 @Override
 protected void onDraw(Canvas canvas) {
 super.onDraw(canvas);

 float degree = 2.7f * mProgress;

 //draw out arc
 canvas.drawArc(mOuterRectF,mOuterPaint);

 //draw background arc
 canvas.drawArc(mRectF,mPaint);

 //draw progress arc
 canvas.drawArc(mRectF,mProgressPaint);


 //draw pointer
 canvas.drawCircle(centerX,mInnerCirclePaint);

 canvas.save();
 canvas.rotate(135 + degree,centerY);
 canvas.drawPath(mPointerPath,mPointerPaint);
 canvas.restore();
 }


 @Override
 protected void onMeasure(int widthMeasureSpec,int heightMeasureSpec) {
 super.onMeasure(widthMeasureSpec,heightMeasureSpec);

 int measureWidth = MeasureSpec.getSize(widthMeasureSpec);
 int measureHeight = MeasureSpec.getSize(heightMeasureSpec);
 setMeasuredDimension(Math.min(measureHeight,measureWidth),Math.min(measureHeight,measureWidth));
 }

 public void setOnProgressChangeListener(OnProgressChangeListener listener){
 this.mListener = listener;
 }

 public int getProgressColor() {
 return mProgressColor;
 }

 public void setProgressColor(int progressColor) {
 this.mProgressColor = progressColor;
 if(mProgressPaint != null){
  mProgressPaint.setColor(mProgressColor);
 }

 if(mPointerPaint != null){
  mPointerPaint.setColor(mProgressColor);
 }

 if(mInnerCirclePaint != null){
  mInnerCirclePaint.setColor(mProgressColor);
 }
 postInvalidate();
 }

 public int getBackgroundColor() {
 return mBackgroundColor;
 }

 public void setBackgroundColor(int backgroundColor) {

 this.mBackgroundColor = backgroundColor;
 if(mPaint != null){
  mPaint.setColor(mBackgroundColor);
 }

 if(mOuterPaint != null){
  mOuterPaint.setColor(mBackgroundColor);
 }
 postInvalidate();
 }

 public int getLineWidth() {
 return lineWidth;
 }

 public void setLineWidth(int lineWidth) {
 this.lineWidth = lineWidth;
 if(mPaint != null){
  mPaint.setStrokeWidth(lineWidth);
 }

 if(mProgressPaint != null){
  mProgressPaint.setStrokeWidth(lineWidth);
 }
 postInvalidate();
 }

 public int getOutLineWidth() {
 return outLineWidth;
 }

 public void setOutLineWidth(int outLineWidth) {
 this.outLineWidth = outLineWidth;
 if(mOuterPaint != null){
  mOuterPaint.setStrokeWidth(outLineWidth);
 }
 postInvalidate();
 }

 public int getGapWidth() {
 return gapWidth;
 }

 public void setGapWidth(int gapWidth) {
 this.gapWidth = gapWidth;
 }

 public int getProgress() {
 return mProgress;
 }

 public void setProgress(@IntRange(from = 0,to = 100) int progress) {
 if(progress > 100){
  progress = 100;
 }

 if(progress < 0){
  progress = 0;
 }
 this.mProgress = progress;
 if(mListener != null){
  mListener.onProgressChanged(GradeProgressView.this,mProgress);
 }
 postInvalidate();
 }

 public void setProgressWidthAnimation(@IntRange(from = 0,to = 100) int progress){

 if(progress > 100){
  progress = 100;
 }

 if(progress < 0){
  progress = 0;
 }

 if(animator != null && animator.isRunning()){
  animator.cancel();
  animator = null;
 }

 animator = ValueAnimator.ofInt(mProgress,progress);
 int duration = 10 * Math.abs(progress - mProgress);
 animator.setDuration(duration);

 animator.setInterpolator(new AccelerateDecelerateInterpolator());
 animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
  @Override
  public void onAnimationUpdate(ValueAnimator valueAnimator) {
  int value = (int)valueAnimator.getAnimatedValue();
  if(mProgress != value) {
   mProgress = value;
   if(mListener != null){
   mListener.onProgressChanged(GradeProgressView.this,mProgress);
   }
   postInvalidate();
  }
  }
 });
 animator.start();

 }


 @Override
 protected void onDetachedFromWindow() {
 super.onDetachedFromWindow();

 if(animator != null){
  animator.cancel();
  animator = null;
 }

 }


 public interface OnProgressChangeListener{

 void onProgressChanged(GradeProgressView gradeProgressView,int progress);
 }
}

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


文章浏览阅读8.8k次,点赞9次,收藏20次。本文操作环境:win10/Android studio 3.21.环境配置 在SDK Tools里选择 CMAKE/LLDB/NDK点击OK 安装这些插件. 2.创建CMakeLists.txt文件 在Project 目录下,右键app,点击新建File文件,命名为CMakeLists.txt点击OK,创建完毕! 3.配置文件 在CMa..._link c++ project with gradle
文章浏览阅读1.2w次,点赞15次,收藏69次。实现目的:由mainActivity界面跳转到otherActivity界面1.写好两个layout文件,activity_main.xml和otherxml.xmlactivity_main.xml&lt;?xml version="1.0" encoding="utf-8"?&gt;&lt;RelativeLayout ="http://schemas..._android studio 界面跳转
文章浏览阅读3.8w次。前言:最近在找Android上的全局代理软件来用,然后发现了这两款神作,都是外国的软件,而且都是开源的软件,因此把源码下载了下来,给有需要研究代理这方面的童鞋看看。不得不说,国外的开源精神十分浓,大家相互使用当前基础的开源软件,然后组合成一个更大更强的大开源软件。好吧,废话不多说,下面简单介绍一下这两款开源项目。一、ProxyDroid:ProxyDroid功能比较强大,用到的技术也比较多,源码也_proxydroid
文章浏览阅读2.5w次,点赞17次,收藏6次。创建项目后,运行项目时Gradle Build 窗口却显示错误:程序包R不存在通常情况下是不会出现这个错误的。我是怎么遇到这个错误的呢?第一次创建项目,company Domain我使用的是:aven.com,但是创建过程在卡在了Building 'Calculator' Gradle Project info这个过程中,于是我选择了“Cancel”第二次创建项目,我还是使用相同的项目名称和项目路_r不存在
文章浏览阅读8.9w次,点赞4次,收藏43次。前言:在Android上使用系统自带的代理,限制灰常大,仅支持系统自带的浏览器。这样像QQ、飞信、微博等这些单独的App都不能使用系统的代理。如何让所有软件都能正常代理呢?ProxyDroid这个软件能帮你解决!使用方法及步骤如下:一、推荐从Google Play下载ProxyDroid,目前最新版本是v2.6.6。二、对ProxyDroid进行配置(基本配置:) (1) Auto S_proxydroid使用教程
文章浏览阅读1.1w次,点赞4次,收藏17次。Android Studio提供了一个很实用的工具Android设备监视器(Android device monitor),该监视器中最常用的一个工具就是DDMS(Dalvik Debug Monitor Service),是 Android 开发环境中的Dalvik虚拟机调试监控服务。可以进行的操作有:为测试设备截屏,查看特定进程中正在运行的线程以及堆栈信息、Logcat、广播状态信息、模拟电话_安卓摄像头调试工具
文章浏览阅读2.1k次。初学Android游戏开发的朋友,往往会显得有些无所适从,他们常常不知道该从何处入手,每当遇到自己无法解决的难题时,又往往会一边羡慕于 iPhone下有诸如Cocos2d-iphone之类的免费游戏引擎可供使用,一边自暴自弃的抱怨Android平台游戏开发难度太高,又连个像样的游 戏引擎也没有,甚至误以为使用Java语言开发游戏是一件费力不讨好且没有出路的事情。事实上,这种想法完全是没有必_有素材的游戏引擎
文章浏览阅读3.2k次,点赞2次,收藏2次。2014年12月从csdn专家福利获得的一本书《Android游戏开发技术实战详解》,尘封了一年多的时间,今天才翻开来看。我认识中的Android,提到Android最先浮现在我脑海中的是那可爱的机器人图标:这个Logo是由Ascender公司设计的,诞生于2010年,其设计灵感源于男女厕所门上的图形符号(真的是灵感无处不在),于是布洛克绘制了一个简单的机器人,它的躯干就像锡罐的形状,头上还有两根_智能手机的特点有哪些?
文章浏览阅读8.1k次,点赞9次,收藏11次。首先,Android是不是真的找工作越来越难呢?这个可能是大家最关心的。这个受大的经济环境以及行业发展前景的影响,同时也和个人因素有关。2016-08-26近期一方面是所在的公司招聘Java开发人员很难招到合适的,投简历的人很少;而另一方面,经常听身边的人说Android、iOS方面找工作不好找,特别是没什么经验的,经验比较少的!说是不好找,但在我家所在的吉林省省会长春,会Unity3D+Maya_android 开发和asp.net哪个好 site:blog.csdn.net
文章浏览阅读6.1k次。在上篇“走进Android开发的世界,HelloWorld”,我们创建了一个Android 项目 HelloWorld,并演示了如何通过USB连接手机查看运行效果;而如果没有手机或没有对应型号的手机,又想做对应型号(屏幕尺寸、Android系统版本)的适配,应该怎么办呢?这时Android模拟器就派上用场了。Android模拟器Android SDK自带一个移动模拟器。它是一个可以运行在你电脑上的_安卓移动开发软件怎样预览
文章浏览阅读8.9k次。Google IO 2017 上宣布,将Kotlin语言作为安卓开发的官方语言。Kotlin由JetBrains公司开发,与Java 100%互通,并具备诸多Java尚不支持的新特性。谷歌称还将与JetBrains公司合作,为Kotlin设立一个非盈利基金会。Kotlin 是一个基于 JVM 的静态类型编程语言,Kotlin可以编译成Java字节码,也可以编译成JavaScript,方便在没有JV_kotlin为什么被嫌弃
文章浏览阅读9.6w次,点赞17次,收藏35次。有些情况下,不方便使用断点的方式来调试,而是希望在控制台打印输出日志,使用过Eclipse的同学都知道Java可以使用 System.out.println(""); 来在控制台打印输出日志,但是在android studio中却是不行的,还是有差别的,那应该用什么呢?android.util.Log在调试代码的时候我们需要查看调试信息,那我们就需要用Android Log类。android.ut_andirod.studio 为什么不在控制台打印输出
文章浏览阅读8.2k次,点赞2次,收藏8次。在上篇“走进Android开发的世界,HelloWorld”,我们创建了一个Android 项目 HelloWorld,并演示了如何通过USB连接手机查看运行效果;这里讲一下如何为应用添加一个按钮,并为按钮添加Click单击事件处理程序,显示/隐藏另一个按钮。添加按钮在HelloWorld项目的基础上,打开界面布局文件:activity_main.xml切换到Design(设计)模式;在组件But_activity_main.xml按钮隐藏
文章浏览阅读2.9k次,点赞3次,收藏9次。android 开发工具主流的还是Android Studio,当然也有很多人喜欢用Eclipse,也有人喜欢用IntelliJ IDEA ;还有Xamarin这种只需要编写一次代码,可以编译多种平台可运行的强大工具。但是它又真的强大吗?就我看来没有,身边很多人还是在用Android Studio、XCode开发应用,没见谁在用Xamarin之类的工具。系统要求WindowsMicrosoft®_android开发下载安装
文章浏览阅读4.2k次,点赞7次,收藏26次。你知道Hello World程序的由来吗?对于大多数编程语言的学习来说,真正入门的一课就是 Hello World!会而不难,难而不会。虽然很多人写过关于Android开发Hello World的文章,但随着时间的推移,开发工具、技术的进步,可能有些已经过时了。我就记录一下当下我所经历的第一个Android APP HelloWorld。一、准备1、开发环境参考:Android Studio 下载_android helloworld textview 句柄获取
这篇“android轻量级无侵入式管理数据库自动升级组件怎么实现”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定...
今天小编给大家分享一下Android实现自定义圆形进度条的常用方法有哪些的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文...
这篇文章主要讲解了“Android如何解决字符对齐问题”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Android...
这篇文章主要介绍“Android岛屿数量算法怎么使用”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“Android岛屿数量算...
本篇内容主要讲解“Android如何开发MQTT协议的模型及通信”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Andro...