自定义控件-5分钟手写计步器

最新推荐文章于 2023-08-28 08:20:15 发布

原创

最新推荐文章于 2023-08-28 08:20:15 发布 · 336 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍如何在Android中实现自定义计步器控件，模仿QQ计步器样式，涵盖自定义属性、View继承、背景及前景圆弧绘制、文字显示和方法设置，强调了画笔Paint的运用和控件刷新机制。

前言

自定义控件是每个 Android 应用开发者的必备技能,所以一起来试着手写自定义控件,挑战自定义 View 中最好玩的 onDraw.

我们仿照 QQ 计步器的样式来做,主要熟悉画笔(Paint)的使用技巧

控件效果

在这里感谢红橙Darren老师的指导

绘制步骤

自定义属性
继承 View
绘制背景圆弧
绘制前景圆弧
绘制文字
设置方法

自定义属性

   // 自定义计步器控件属性
    <declare-styleable name="CustomFilterView">
        // 背景圆弧颜色
        <attr name="backgroundViewColor" format="color"/>
        // 前景圆弧颜色
        <attr name="fontViewColor" format="color"/>
        // 圆弧宽度
        <attr name="stepViewArcWidth" format="dimension"/>
        // 字体颜色
        <attr name="stepViewTextColor" format="color"/>
        // 字体大小
        <attr name="stepViewTextSize" format="dimension"/>
        // 最大步数
        <att