Android 绘制环形进度图
来源:互联网 发布:淘宝网mac版客户端 编辑:程序博客网 时间:2024/06/05 18:32
Android 绘制环形进度图
在项目中我们可能会遇见要画一个类似下面的环形进度图
分析怎么实现
- 需要2个空心圆 (一个是灰色,一个为绿色)
圆形里面需要添加文字
我们在现实生活中比如需要画一幅画 来展示我们需要什么呢?
画笔 画布 需要展示的地方
实现和详解
3.为了能够在一块特定的区域内进行绘画,首先实现了一个用于绘制图像的视图类PathView
public class PahtView extends View { public PahtView(Context context, AttributeSet attrs) { DrawCircle(canvas); super(context, attrs); } @Override protected void onDraw(Canvas canvas) { } }}
Canvas :可以理解成一个画布
Paint:理解成一个画笔
绘制最下面灰色的空心圆
使用方法来实现
public void drawArc(@NonNull RectF oval, float startAngle, float sweepAngle, boolean useCenter, @NonNull Paint paint) { drawArc(oval.left, oval.top, oval.right, oval.bottom, startAngle, sweepAngle, useCenter, paint); }
private void DrawCircle(Canvas canvas) { // 创建一个画笔 Paint paint_backCircle = new Paint(); // 设置颜色 paint_backCircle.setColor(getResources().getColor(R.color.hs)); // 空心效果 paint_backCircle.setStyle(Style.STROKE); // 设置环的宽 paint_backCircle.setStrokeWidth(5); // 开始画圆 RectF mRectF = new RectF(); // 位置 mRectF.left = 20; // 左上角x mRectF.top = 20; // 左上角y mRectF.right = 110; // 左下角x mRectF.bottom = 110; // 右下角y //canvas.drawArc(0, 0, 70, paint_backCircle); canvas.drawArc(mRectF, 0, 360, true, paint_backCircle); }
这里我们详解哈RectF类 这里的 left top right bottom 不是上下左右
查询文档给出的解释如下
left The left side of the rectangle being tested for intersection
top The top of the rectangle being tested for intersection
right The right side of the rectangle being tested for intersection
bottom The bottom of the rectangle being tested for intersection
left : 图片中的A点
top: 图片中的C点
right : 图片中的B点
bottom: 图片中的D点
4.画第二个绿色圆
private void DrawArc(Canvas canvas) { RectF mRectF = new RectF(); mPaint = new Paint(); mPaint.setAntiAlias(true); mPaint.setColor(getResources().getColor(R.color.ls)); canvas.drawColor(Color.TRANSPARENT); mPaint.setStrokeWidth(5); mPaint.setStyle(Style.STROKE); // 位置 mRectF.left = 20; // 左上角x mRectF.top = 20; // 左上角y mRectF.right = 110; // 左下角x mRectF.bottom = 110; // 右下角y // 绘制圆圈,进度条背景 canvas.drawArc(mRectF, 120, 230, false, mPaint); }
效果图片
5.插入字
private void Darwcontent(Canvas canvas) { Paint paint_content = new Paint(); mPaint.setStyle(Style.FILL); mPaint.setTextSize(20); canvas.drawText("78.00%", 110 / 2-("78%".length()*6), 110 / 2 , paint_content); }
运行效果如下
1 0
- Android 绘制环形进度图
- Android 环形进度Progress
- vue绘制环形图
- highcharts绘制环形配比图
- 带动效的环形进度图
- Android 实现环形进度按钮circular-progress-button
- 简单的环形进度
- 【项目实战】---ECharts绘制环形图
- android hellocharts 环形图
- 进度绘制
- 自定义多进度环形进度条
- 自定义一个环形进度控件
- CAShapeLayer绘制环形进度条
- Android自定义View-绘制扇形实现圆形进度
- 环形螺旋曲线的绘制
- HTML5 Canvas绘制环形进度条
- HTML5 Canvas绘制环形进度条
- HTML5 Canvas绘制环形进度条
- unity3D游戏开发五之创建基本游戏场景二
- scala的元组和数组
- 【Poj1088 滑雪】记忆化搜索
- LoadRunner设置系统资源监控
- NOIP模拟题 [SPFA][DP][栈结构]
- Android 绘制环形进度图
- Codeforces 383D Antimatter【dp】
- [生存志] 第30节 历代大事件概览 共和国(2013年后)
- Windows7下redmine-3.3.1的安装详解
- 大数据系统的Lambda架构
- unity3D游戏开发六之创建基本游戏场景三
- 文章标题
- centos下/etc/sysconfig/下找不到iptables文件
- Android状态栏、导航栏全透明