Android自定义View之超简单圆形数字指示器

最新推荐文章于 2021-05-26 10:13:52 发布

_Necrom

最新推荐文章于 2021-05-26 10:13:52 发布

阅读量1.4k

点赞数 1

分类专栏：自定义View android 文章标签：自定义View 圆形数字指示器

本文链接：https://blog.csdn.net/Gao_yuyu/article/details/52713254

版权

本文介绍了如何在Android中实现一个简单的圆形数字指示器，参照MIUI8天气App的效果。作者分享了自定义View的流程，包括构造函数、初始化参数、测量View以及绘制过程。还提到了尺寸单位转换和属性动画的使用，并提供了项目的开源地址和相关教程链接，邀请开发者一起学习和改进。

摘要由CSDN通过智能技术生成

MIUI8内置的天气App的一种效果
images

不过好像没有看到有其他的什么动画效果，也有可能是在4.7屏下这个Layout在其他Layout的下面，加载完数据有效果看不到？
不纠结这个，心血来潮重新自定义写个就是了。

效果图：
images

自定义View的流程不再这里过多叙述，直接上代码。

    //（灰）外圈画笔
    private Paint outPaint = new Paint();
    //（绿）内圈画笔
    private Paint inPaint = new Paint();
    //文字画笔
    private Paint middleTextPaint = new Paint();
    //外切矩形
    private RectF mRectF;

    //圆初始弧度
    private float startAngle = 135;
    //圆结束弧度
    private float sweepAngle = 270;

    int mCenter = 0;
    int mRadius = 0;

    private int indexValue;
    private String middleText = "N/A";
    private String bottomText = "";
    private int circleWidth;
    private int circleHeight;
    private float inSweepAngle;

    private float numberTextSize;
    private float middleTextSize;
    private float bottomTextSize;

    private int outCircleColor;
    private int inCircleColor;
    private int numberColor;
    private int middleTextColor;
    private int bottomTextColor;