自定义控件 ——可拖动测量尺子_c# 构建卡尺-优快云博客

本文介绍了如何在Android中创建一个可拖动的测量尺子自定义控件。从分析到实现，详细讲解了ScaleView和PointerView的设计，以及如何将它们组合成一个ViewGroup。控件支持在XML和代码中使用，提供了丰富的交互体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言：

最近做的一个项目，有个界面是输入框输入数值的，后来产品觉得键盘输入麻烦，就换成了这样子，这是前几天Ui小伙子设计的界面：

分析：

其实简单的画一个测量尺子刻度控件并不会太难，其次就是被5和10整除的刻度线高度加高一些；

在被5和10整除5的位置绘制刻度的值；

绘制不同刻度段定义显示的颜色；

控件边框，这里我可能选择的方式不怎么好（网上找的一个圆角控件），本来想直接用cardview的。

控件中间的指针，这是单独写的一个View，和尺子的view组合成了ViewGroup；

View的滑动，用到的知识点Scroller，View的scrollBy();

手指离开后的惯性滑动：VelocityTracker，这个是获取滑动的速度，配合Scroller.fling()

实现效果：

ScaleView:

1、绘制刻度

刻度可以向上或者向下绘制属性“ isShowUp”控制，刻度的数据可以使整型和浮点型 isIntegar,默认是整型数据

 // 画刻度
    private void onDrawScale(Canvas canvas) {
        float xScale, yScale;
        mPaint.setColor(textColor);
        int max = 0;
        if (isIntegar) {
            max = (int) (maxScale - minScale);
        } else {
            max = new BigDecimal(10).multiply(new BigDecimal(maxScale - minScale)).setScale(0, BigDecimal.ROUND_