自定义 View 之炫酷的成绩展示界面

作者 | Android_gen

地址 | http://www.jianshu.com/p/03022c1306fb

声明 | 本文是 Android_gen 原创，已获授权发布，未经原作者允许请勿转载

前言

前几天帮助我们移动组的一个小伙伴绘制界面，遇到了一个成绩展示界面，作为菜鸟的我顿时感觉天都塌陷下来了，就立马焉了，幸好我有我的绝招，当然是 baidu,google 了，终于皇天不负有心人，让我给找到了解决.的方法，自定义View来实现。先上 UI 妹子给的设计图，再看我写完之后的效果图。

截屏工具不是太好，将就看看吧！！！
看到这里，我们就要实现它了，待我一步一步的去搞定它吧！！！

思路

首先，我们得有自己的思路啊，就像写作文一样，先要弄清楚自己的中心思想，然后在一步一步的去完成它。

1.自定义属性，如进度条的宽度、颜色，字体的大小、颜色等。
2.测量宽度和高度
3.画出我们心目中的效果图（当然不是用笔在笔记本上画了），我们采用 Paint 在 Canvas 上来绘制界面。
4.设置进度，相当于画龙点睛的作用了，使我们画出的静态页面动起来。

好了，下面我们将围绕我们的思路来一步一步的去实现它了。

实现过程

1.自定义属性值

在 value 文件夹下面新建 attrs.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="circle_progress_view">
        <!--进度条的宽度-->
        <attr name="progress_paint_width" format="dimension"></attr>
        <!--进度条颜色-->
        <attr name="progress_paint_color" format="color"></attr>
        <!--字体颜色-->
        <attr name="progress_text_color_top" format="color"></attr>
        <!--字体大小-->
        <attr name="progress_text_size_top" format="dimension"></attr>
        <!--字体颜色-->
        <