效果爆炸的Android时钟UI控件，隔壁产品都馋哭了！(2)

类设计

从UI图中可以观察到，时钟控件由四个大表盘组成，分别是上下午表盘、小时表盘、分钟表盘、秒钟表盘。在实现思路上首先考虑抽象出圆盘控件父类DiskView，其余表盘均继承自DiskView即可。有了各种各样的表盘，最后再用ViewGroup将其全部组装好即可。

而DiskView作为基类，需要承担动画、拖动、点击等交互的逻辑，同时还要具备表盘的公共属性，例如表盘半径radius、表盘旋转角度degree等。

public class DiskView extends View {
private static final String TAG = “DiskView”;
Context mContext;
/**

• 圆盘半径
  /
  int mRadius = 0;
  /*
• 手指第一次按下时的坐标
  /
  float startX, startY;
  /*
• 当前手指按下点的坐标
  /
  float curX, curY;
  /*
• 第一次手指按下的点与初始位置形成的夹角
  /
  int startDegree;
  /*
• 手指按下的点与初始位置形成的夹角
  /
  int curDegree;
  /*
• 圆盘当前位置相对初始位置的角度，初始位置角度为0度
  /
  int degree = 0;
  /*
• 手指抬起后是否需要回归原来的状态
  */
  boolean isNeedReturn = true;

ValueAnimator animator;
}

UI绘制

有了坐标，有了角度，接下来考虑绘制。绘制采用canvas的图形绘制api，计算好各个图形的位置，赋予对应的颜色。调用rotate方法围绕圆心绘制具有一定角度的文字。

@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);

//画圆盘
mPaint.setColor(diskColor);
canvas.drawCircle(mRadius, mRadius, mRadius, mPaint);

//画数字
mPaint.setColor(numColor);
Rect bounds = new Rect();
for (int i = 0; i < 60; i++) {
if (i == minute) {
mPaint.setColor(selectNumColor);
} else {
mPaint.setColor(numColor);
}
if (i % 10 != 0) {
if (i % 5 == 0) {
canvas.drawCircle(mRadius, 2 * mRadius - textHeight * 3 / 2, DisplayUtils.sp2px(mContext, 20) / 4, mPaint);
} else {
canvas.drawCircle(mRadius, 2 * mRadius - textHeight * 3 / 2, DisplayUtils.sp2px(mContext, 20) / 6, mPaint);
}
} else {
mPaint.getTextBounds(i + “”, 0, (i + “”).length(), bounds);
textHeight = bounds.height();
canvas.drawText(i + “”, mRadius - bounds.width() / 2, mRadius * 2 - bounds.height(), mPaint);
}
canvas.rotate(-6, mRadius, mRadius);
}
}

三、后记

自定义控件开发作为Android开发中的重要一环，如何利用好各个api实现功能是一方面，如何自顶向下进行设计也是一方面。在开发之前最关键的事情并不是构思如何实现、如何设计，而是去发掘用户的需求，从需求倒推应该具备哪些功能，再从功能角度考虑如何进行创意设计，最终呈现给用户。如此一来，才可能将产品做得更好。

控件放在了gitee上，地址在：https://gitee.com/null_077_5468/uidemos

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

最后的最后

对于程序员来说，要学习的知识内容、技术有太多太多，要想不被环境淘汰就只有不断提升自己，从来都是我们去适应环境，而不是环境来适应我们！

当你有了学习线路，学习哪些内容，也知道以后的路怎么走了，理论看多了总要实践的

最后，互联网不存在所谓的寒冬，只是你没有努力罢了！

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！

努力罢了！**

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！