自定义view——环形进度条，带progress值

第一步：新建文件Circle.java

package com.lancy.demo.democircle.widget;

import android.annotation.SuppressLint;

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;

import com.lancy.demo.democircle.R;

public class Circle extends View {

private Paint mPaint;

private float strokeWidth = 10;

private float progress = 0;

private int defaultColor;

private int activeColor;

public Circle(Context context, AttributeSet attrs) {

super(context, attrs);

TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.circle);

strokeWidth = a.getDimension(R.styleable.circle_strokeWidth, strokeWidth);

progress = a.getFraction(R.styleable.circle_progress, 360, 100, 10);

defaultColor = a.getColor(R.styleable.circle_defaultColor, Color.GRAY);

activeColor = a.getColor(R.styleable.circle_activeColor, Color.BLUE);

a.recycle();

}

public Circle(Context context) {

this(context, null);

}

@Override

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

// TODO Auto-generated method stub

super.onMeasure(widthMeasureSpec, heightMeasureSpec);

final int minimumWidth = getSuggestedMinimumWidth();

final int minimumHeight = getSuggestedMinimumHeight();

int viewWidth = resolveMeasured(widthMeasureSpec, minimumWidth);

int viewHeight = resolveMeasured(heightMeasureSpec, minimumHeight);

setMeasuredDimension(viewWidth, viewHeight);

}

private int resolveMeasured(int measureSpec, int desired) {

int result = 0;

int specSize = MeasureSpec.getSize(measureSpec);

switch (MeasureSpec.getMode(measureSpec)) {

case MeasureSpec.UNSPECIFIED:

result = desired;

break;

case MeasureSpec.AT_MOST:

result = Math.max(specSize, desired);

break;

case MeasureSpec.EXACTLY:

default:

result = specSize;

}

return result;

}

@SuppressLint("DrawAllocation")

@Override

protected void onDraw(Canvas canvas) {

// TODO Auto-generated method stub

super.onDraw(canvas);

int width = getWidth();

int height = getHeight();

float h = width > height ? height : width;

Paint p = new Paint();

p.setColor(defaultColor);

p.setStyle(Paint.Style.STROKE);

p.setAntiAlias(true);

p.setStrokeWidth(strokeWidth);

RectF oval1 = new RectF(strokeWidth / 2, strokeWidth / 2, h-strokeWidth / 2, h-strokeWidth / 2);

canvas.drawArc(oval1, 0, 360, false, p);

p.setColor(activeColor);

canvas.drawArc(oval1, 270, progress, false, p);//小弧形

}

public void setProgress(float progress) {

this.progress = progress / 100 * 360;

invalidate();

}

public float getProgress() {

return progress * 100 / 360;

}

第二步新建attrs.xml

<?xml version="1.0" encoding="utf-8"?>

<declare-styleable name="circle">

</declare-styleable>

</resources>

第三步建布局文件 circle.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:circle="http://schemas.android.com/apk/res/com.lancy.demo.democircle"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:padding="50dp"
android:gravity="center"
android:orientation="vertical" >

<com.lancy.demo.democircle.widget.Circle
android:id="@+id/circle"
android:layout_width="match_parent"
android:layout_height="match_parent"
circle:defaultColor="#95a1aa"
circle:activeColor="#1290dd"
circle:strokeWidth="10dp"
circle:progress="25%"
/>

</LinearLayout>

第三步建MainActivity.java

package com.lancy.demo.democircle;

import android.app.Activity;

import android.content.BroadcastReceiver;

import android.content.Context;

import android.content.Intent;

import android.content.IntentFilter;

import android.os.Bundle;

import android.util.Log;

import com.lancy.demo.democircle.widget.Circle;

public class MainActivity extends Activity {

Circle circle;

@Override

protected void onCreate(Bundle savedInstanceState) {

// TODO Auto-generated method stub

super.onCreate(savedInstanceState);

setContentView(R.layout.circle);

circle = (Circle) findViewById(R.id.circle);

IntentFilter filter = new IntentFilter();

filter.addAction(Intent.ACTION_TIME_TICK);

registerReceiver(new TimeReceiver(), filter);

}

class TimeReceiver extends BroadcastReceiver{

@Override

public void onReceive(Context context, Intent intent) {

Log.i("TimeReceiver----------------", intent.getAction());

circle.setProgress(circle.getProgress()-1);

}

转载于:https://www.cnblogs.com/yuanyuan-5683/p/4213556.html

自定义view——环形进度条，带progress值相关推荐

基于canvas 2D实现微信小程序自定义组件-环形进度条
基于canvas 2D实现微信小程序自定义组件-环形进度条最近开发一个小程序项目博闻金榜答题小程序,需要使用到一个可以显示答题倒计时的组件,基于进度条实现,下面就主要介绍基于canvas2D实现一个 ...
自定义View圆环进度条
相信大家都对自定义view有所了解,今天给大家展示一下我自己写的小Demo,一个自定义环形进度条,进度在不断加载的过程中颜色呈现渐变效果,并且中间的Textview展示进度值,有两个button控制暂 ...
微信小程序自定义封装环形进度条组件
我们先看效果-选不了视频没办法了说明:此组件对圆的宽度,进度条的宽度.颜色.旋转方向,还有进度条的值,还有两端是否要圆角都进行了动态化,无坑可放心用,参数解释在注释里,我就不写了 .效果图看到尾部的 ...
Android Paint应用之自定义View实现进度条控件
在上一篇文章<Android神笔之Paint>学习了Paint的基本用法,但是具体的应用我们还没有实践过.从标题中可知,本文是带领读者使用Paint,自定义一个进度条控件. 上图就是本文要 ...
自定义圆环形进度条实现
最近项目里边要用进度条,进度条中间展示进度,底部展示label,因为这个组件用的地方多,所以我就直接封装了一个通用组件. 先看一下效果图: 功能有: 圆环的颜色和进度可以自定义: 中间文字可以自定义: ...
android canvas_Android 自定义View篇（七）实现环形进度条效果
前言 Android 自定义 View 是高级进阶不可或缺的内容,日常工作中,经常会遇到产品.UI 设计出花里胡哨的界面.当系统自带的控件不能满足开发需求时,就只能自己动手撸一个效果. 本文就带自定义 ...
CircleProgressBar 带载入动画的环形进度条
CircleProgressBar 项目地址:AlexMofer/CircleProgressBar 带载入动画的环形进度条,可高度配置,支持配置成表盘. 预览要求 minSdkVersion ...
自定义环形进度条RoundProgressBar
一.效果图: Canvas画圆环说明: 圆环宽度不必在意,只是画笔宽度设置后达到的效果. 二.实现步骤 1.自定义View-RoundProgressBar 2.设置属性resources(decle ...
用emWin的2D绘图函数画一个带圆形端点的环形进度条
先上效果图,首先是顺时针转: 然后是逆时针转: 大概讲一下思路吧,首先讲一下顺时针是怎么弄的,很简单. 画圆弧函数GUI_DrawArc有起始角度a0和终止角度a1两个参数,且a0必须小于a1否则无法 ...
【UE5】自定义环形进度条、方形进度条
UE5 实现自定义环形进度条 1.1 新建Material 1.2 设置User Interface 1.3 使用PS绘制图形 (中间为透明,外部为白色的png图片) 方形: 星形: 1.4 图形显 ...

自定义view——环形进度条，带progress值

自定义view——环形进度条，带progress值相关推荐

最新文章

热门文章