android 自定义圆点,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中
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自定义带圆点的半圆形进度条
本文实例为大家分享了Android自定义带圆点的半圆形进度条,供大家参考,具体内容如下 仅限用于半圆形,如须要带圆点的圆形进度条,圆点会出现错位现象,此代码仅供,带圆点的圆形进度条有空研究一下!图片效 ...
- Android自定义View之画圆环(进阶篇:圆形进度条)
前言: 如果你想读懂或者更好的理解本篇文章关于自定义圆环或圆弧的内容.请你务必提前阅读下Android自定义View之画圆环(手把手教你如何一步步画圆环).在这篇文章中,详细描述了最基本的自定义圆环的 ...
- android圆形点击效果,Android 三种方式实现自定义圆形页面加载中效果的进度条
[实例简介] Android 三种方式实现自定义圆形页面加载中效果的进度条 [实例截图] [核心代码] ad376a86-a9aa-49bc-8cea-321bcff2c0c3 └── AnimRou ...
- java闪屏怎么制作,Java Swing创建自定义闪屏:在闪屏下画进度条(一)
Java Swing创建自定义闪屏:在闪屏上画进度条(一) 由于本人十分热爱Java Swing,所以平时闲暇之余总是喜欢极尽所能去搜藏一些自认为比较"酷"的Swing代码来研究揣 ...
- html进度条圆圈渐变色,HTML5 canvas带渐变色的圆形进度条动画
jquery-circle-progress是一款带渐变色的圆形进度条动画特效jQuery插件.该圆形进度条使用的是HTML5 canvas来绘制圆形进度条及其动画效果,进度条使用渐变色来填充,效果非 ...
- android canvas_Android 自定义View篇(七)实现环形进度条效果
前言 Android 自定义 View 是高级进阶不可或缺的内容,日常工作中,经常会遇到产品.UI 设计出花里胡哨的界面.当系统自带的控件不能满足开发需求时,就只能自己动手撸一个效果. 本文就带自定义 ...
- Android 三种方式实现自定义圆形页面加载中效果的进度条
转载:http://www.eoeandroid.com/forum.php?mod=viewthread&tid=76872 一.通过动画实现 定义res/anim/loading.xml如 ...
- android 自定义view 加载图片,Android自定义View基础开发之图片加载进度条
学会了Paint,Canvas的基本用法之后,我们就可以动手开始实践了,先写个简单的图片加载进度条看看. 按照惯例,先看效果图,再决定要不要往下看: 既然看到这里了,应该是想了解这个图片加载进度条了, ...
- Android 自定义View实现环形带刻度颜色渐变的进度条
上次写了一篇Android 自定义View实现环形带刻度的进度条,这篇文章就简单了,只是在原来的基础上加一个颜色渐变. 按照惯例,我们先来看看效果图 一.概述 1.相比于上篇文章,这里我们的颜色渐变主 ...
- 微信小程序进度条组件自定义数字_微信小程序之圆形进度条(自定义组件)
前言 昨天在微信小程序实现了圆形进度条,今天想把这个圆形进度条做成一个组件,方便以后直接拿来用. 根据官方文档自定义组件一步一步来 创建自定义组遇新是直朋能到件 第一步创建项遇新是直朋能到分览目结构 ...
最新文章
- 解读:为什么要做特征归一化/标准化?
- 我与Linux的相识之旅
- Linux 虚拟化网络技术 — KVM + Linux Bridge 的网络虚拟化解决方案
- burp爆破线程设置多少_多线程到底需要设置多少个线程?
- CVPR 2020 |商汤提出应对尺度变化的目标检测新算法
- Netty空闲心跳检测机制
- mysql suoyin 和锁_mysql 索引和锁
- python-使用字典使Fibonacci更有效率
- 专访雷水果国:离1.5K至18K 一个程序猿5每年的成长之路
- 产品配件类目税目分类_汽车用品税收分类编码
- PHP实现讯飞语音转写demo
- linux spi flash id,SPI读flash的ID问题
- KYLO的计算机网络知识总结
- linux 网卡驱动编译安装包,CDlinux网卡驱动的编译、安装、集成
- web h5调用微信分享功能
- 强制客户端更新Silverlight XAP文件方法汇总
- 微信公众号,带参二维码/推广二维码的使用
- Windows Server 2012 R2 更改系统语言
- python人脸比对算法_人脸比对算法-人脸比较(1:N)
- 如何更换我的密钥对?
热门文章
- 2019春招奇虎360玫瑰花摆放
- css 修改文字基准线_css如何添加删除线?css text-decoration属性设置删除线(代码实例)...
- 【HTML5】字体删除线代码
- html钢笔特效,JS仿Photoshop钢笔工具(贝塞尔曲线可视化操作)效果
- Java - LinkedHashMap(有序 map)获取第一个元素和最后一个元素
- 前端数据加密(Base64、MD5、AES、RSA)
- 【题目精刷】2022诺瓦-数字IC设计
- 详解百度地图API之驾车导航
- 企业邮箱安全中心在哪里,TOM邮箱安全设置中心
- tom邮箱怎么样,邮箱一天能发多少邮件