这段时间用做一个飞行统计的模块，其中要做一个弧形展示效果，如图

做这个东西时，我们首先想到的是有没有现成的。于是就去github上找，找到了这个--https://github.com/lzyzsd/CircleProgress，大家有兴趣也可以去研究研究。本文参考的是其中的ArcProgress。其原理就是画弧和画字。。原理图：

先说画弧：

关键代码为：canvas.drawArc(rectF, startAngle, entityAngle, false, paint);

其中rectF为最外面的矩阵，startAngle为绘弧的开始角度，entityAngle为要画弧的最大值，false为不包含圆心，paint为画笔。

其次画字：

float bottomTextBaseline = getMeasuredHeight() - textPaint.descent();底部文字的基线
canvas.drawText(bottomText, (getMeasuredWidth() - textPaint.measureText(bottomText)) / 2.0f, bottomTextBaseline, textPaint);

第一个参数为要画的文字，第二个参数为画字的起始x坐标，第三个为y坐标，第四个参数为文字画笔。

画字时的规则：参考http://blog.csdn.net/tianjf0514/article/details/7642656

接下来开始自定义我们的ArcView了，首先自定义属性，这个没什么可说的：

public ArcView(Context context, AttributeSet attrs, int defStyleAttr) {super(context, attrs, defStyleAttr);TypedArray ta = context.obtainStyledAttributes(attrs,R.styleable.Arc);this.radius = ta.getDimensionPixelSize(R.styleable.Arc_radius,0);this.entityAngle = ta.getInt(R.styleable.Arc_entity_angle, DEFAULT_ENTITY_ANGLE);this.initPercent = ta.getInt(R.styleable.Arc_init_percent,0);   //初始的百分值init(context);}

关键是测量我们的view的大小。一般来说，我们画的东西要在这个view可见范围内的中心。在onMeasure（）方法中要计算出rectF（弧形的矩阵）。

上代码：

<pre name="code" class="java">protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {Log.e("arcView","onMeasure");//整个内容的宽度int contentWidth = (int) (radius * 2 + out_stroke_width);//下面计算内容的高度float halfTemp = out_stroke_width / 2;float angle = (360 - entityAngle) / 2f;arcBottom2CenterHeight = (float) (radius * Math.cos(angle / 180 * Math.PI));int contentHeight = (int) (radius + arcBottom2CenterHeight + textPaint.descent() + out_stroke_width);setMeasuredDimension(resolveSize(contentWidth,widthMeasureSpec),resolveSize(contentHeight,heightMeasureSpec));float contentLeft,contentTop,contentRight,contentBottom;    //矩阵的左右上底if(getMeasuredWidth() == contentWidth){contentLeft = halfTemp;contentRight = contentWidth - halfTemp;}else{contentLeft = (getMeasuredWidth() - contentWidth) / 2 + halfTemp;contentRight = contentLeft + contentWidth - 2 * halfTemp;}if(getMeasuredHeight() == contentHeight){contentTop = halfTemp;contentBottom = contentWidth - halfTemp;}else{contentTop = (getMeasuredHeight() - contentHeight) / 2 + halfTemp;contentBottom = contentTop + contentWidth - 2 * halfTemp;}rectF = new RectF(contentLeft,contentTop,contentRight,contentBottom);}

接下来是ondraw方法：

protected void onDraw(Canvas canvas) {super.onDraw(canvas);Log.e("arcView","draw"); //锁屏解锁后会再次调用ondraw（）方法canvas.setDrawFilter(new PaintFlagsDrawFilter(0, Paint.ANTI_ALIAS_FLAG|Paint.FILTER_BITMAP_FLAG));paint.setStrokeWidth(default_stroke_width);paint.setColor(unfinishedStrokeColor);canvas.drawArc(rectF, startAngle, entityAngle, false, paint);paint.setStrokeWidth(out_stroke_width);paint.setColor(finishedStrokeColor);canvas.drawArc(rectF, startAngle, initSweepAngle, false, paint);//画下面文字textPaint.setTextSize(default_gray_text_size);textPaint.setColor(default_gray_text_color);float bottomTextBaseline = getMeasuredHeight() - textPaint.descent();canvas.drawText(bottomText, (getMeasuredWidth() - textPaint.measureText(bottomText)) / 2.0f, bottomTextBaseline, textPaint);//画上面文字float topTextBaseline = radius / 2 + out_stroke_width / 2;canvas.drawText(topText,(getMeasuredWidth() - textPaint.measureText(topText)) / 2.0f,topTextBaseline,textPaint);//画中心文字textPaint.setTextSize(default_percent_text_size);textPaint.setColor(default_percent_text_color);float centerTextBaseline = getMeasuredHeight() / 2 - textPaint.ascent() / 2;canvas.drawText(centerText,(getMeasuredWidth() - textPaint.measureText(centerText)) / 2.0f,centerTextBaseline,textPaint);}

手机锁屏后再亮屏，view的ondraw方法会调用，从下一个activity返回也会调用，结果是view可见是会调用ondraw（）方法。

最后重写onSaveInstanceState和onRestoreInstanceState来保存和恢复数据

protected Parcelable onSaveInstanceState() {Log.e("arcView","onSaveInstanceState");Bundle bundle = new Bundle();bundle.putParcelable(INSTANCE_STATE, super.onSaveInstanceState());bundle.putFloat(INSTANCE_PROGRESS, initSweepAngle);return bundle;}@Overrideprotected void onRestoreInstanceState(Parcelable state) {Log.e("arcView","onRestoreInstanceState");if(state instanceof Bundle) {Bundle bundle = (Bundle) state;initSweepAngle = bundle.getFloat(INSTANCE_PROGRESS,0);super.onRestoreInstanceState(bundle.getParcelable(INSTANCE_STATE));return;}super.onRestoreInstanceState(state);}

我们有可能显示百分数时需要一个animate过程，上代码：

/*第一中方式实现animatePercentprivate OverScroller scroller;public void animatePercent(int percent){if(scroller.isFinished()) {scroller.startScroll(0, 0, percent, 0, 2000);
//        scroller.fling(0,0,500,0,0,100,0,0);invalidate();}}@Overridepublic void computeScroll() {if(scroller.computeScrollOffset()){int tempPercent = scroller.getCurrX();setPercent(tempPercent);}super.computeScroll();}*/private final int ANIMATE_DURATION = 1000;private static final int SIXTY_FPS_INTERVAL = 1000 / 60;private long mStartTime;static final android.view.animation.Interpolator sInterpolator = new OvershootInterpolator();public void animatePercent(final int percent){mStartTime = System.currentTimeMillis();this.post(new Runnable() {@Overridepublic void run() {float t = interpolate();float currentPercent = 0 + t * percent;setPercent(currentPercent);if(t < 1){ArcView.this.postDelayed(this,SIXTY_FPS_INTERVAL);}}});}private float interpolate() {float t = 1f * (System.currentTimeMillis() - mStartTime) / ANIMATE_DURATION;t = Math.min(1f,t);return sInterpolator.getInterpolation(t);}

第一种方式在结束时有点卡顿的现象，不知道你们的手机有没有。我推荐第二种，当然了，我们也可以用属性动画来实现。

最后是效果图

源码：

http://yunpan.cn/cdgSG2ii4CzKh （提取码：560b）

自定义ArcView-构造拓展性高的view相关推荐

推荐一款拓展性高的开源仓库管理系统
大家好,我是为广大程序员兄弟操碎了心的小编,每天推荐一个小工具/源码,装满你的收藏夹,每天分享一个小技巧,让你轻松节省开发效率,实现不加班不熬夜不掉头发,是我的目标! 今天小编推荐一款开源仓储 ...
java工作日报管理系统_GitHub - LovebuildJ/book-manager: JavaWeb图书管理系统，简单易用功能强大，可拓展性高，集成主流框架...
book-manager 介绍图书管理系统请勿忽略更新日志, 会有详细的版本更新说明! 软件截图在线API接口文档登录首页轮播图书列表图书上架图书编辑图书删除图书借阅图书检索图 ...
到底什么是面向对象，面试中怎么回答。面向过程和面向对象的区别是什么。java跨平台特性以及java和C++的区别。面向对象的三大特性——封装、继承和多态。面向对象的高拓展性以及低耦合度怎么体现？
Java语言具有的特点:面向对象.跨平台.多线程以及网络编程 1. 和C++的区别 1.1 Java隐蔽了C++的指针,避免指针直接操作,程序更加安全. 1.2 Java类继承只能单继承,避免了C++ ...
Spring的控制反转以及依赖注入，控制反转使程序具有高拓展性。
1. 控制反转(Inversion of Control, IOC) 将对象的创建.赋值.管理交给容器(Spring),通过xml文件即可修改对象的属性,不必修改源代码,具有高拓展性.各个模块间的对象 ...
java.两个例子充分阐述多态的可拓展性
下面我将以两个例子来充分阐述java中多态的可拓展性,作为一名优秀的程序员,就必须了解程序的可拓展性,非常利于程序后续的开发. 第一个例子:利用电脑的主板来作为例子,就我们所熟悉的电脑的主板,里面是不 ...
(三) LtRecyclerView v2.x (自定义上拉和下拉刷新View)
(一) 超简单自定义上下刷新布局-LtRecyclerView v2.x版本(基本使用) (二) LtRecyclerView v2.x (更多实用方法) (三) LtRecyclerView v2. ...
log4j2动态修改日志级别及拓展性使用
一.供参考的完整日志配置 <?xml version="1.0" encoding="UTF-8"?><!-- 配置LoggerConfig, ...
Windows Azure真实案例：NeoGeo New Media --SQL Azure提高数字媒体资产解决方案的拓展性...
公告 :本博客为微软云计算中文博客的镜像博客. 部分文章因为博客兼容性问题 ,会影响阅读体验 .如遇此情况,请访问原博客 . NeoGeo New Media 在一个持续制 ...
Windows Azure真实案例：NeoGeo New Media --SQL Azure提高数字媒体资产解决方案的拓展性
公告 :本博客为微软云计算中文博客的镜像博客. 部分文章因为博客兼容性问题 ,会影响阅读体验 .如遇此情况,请访问原博客 . NeoGeo New Media 在一个持续制 ...
数据密集型系统设计：可靠性、可拓展性及可维护性
1.数据密集型应用现今很多应用程序都是数据密集型(data-intensive) 的,而非计算密集型(compute-intensive) 的.因此CPU很少成为这类应用的瓶颈,更大的问题通常来 ...

自定义ArcView-构造拓展性高的view