Android自定义标尺滑动选择值效果

接下来我将为你详细讲解如何实现Android自定义标尺滑动选择值效果。

1. 概述

在Android开发中，我们经常需要使用到一些具有特定样式的滑动控件，例如标尺滑动选择值控件。而在实现这样的控件时，最简单的方法就是使用已有的控件，并对其进行自定义。

2. 准备工作

我们首先需要创建一个自定义控件类，例如RulerSeekBar，继承自SeekBar。接下来我们需要定义几个必要的属性，例如：

<declare-styleable name="RulerSeekBar">
    <attr name="minValue" format="integer"/>  // 最小值
    <attr name="maxValue" format="integer"/>  // 最大值
    <attr name="stepSize" format="float"/>   // 步长
    <attr name="indicatorTextSize" format="dimension"/>  // 刻度值文本大小
    <attr name="indicatorTextColor" format="color"/>     // 刻度值文本颜色
</declare-styleable>

这些属性将帮助我们实现自定义的滑动控件。

3. 实现滑动选择值效果

步骤1：绘制标尺

使用onDraw()方法绘制标尺，例如：

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

    // 绘制标尺

    // 计算标尺数量
    int count = (int) ((maxValue - minValue) / stepSize) + 1;

    // 计算每个标尺之间的距离
    float distance = (getWidth() - getPaddingLeft() - getPaddingRight()) / (float) (count - 1);

    // 绘制标尺
    for (int i = 0; i < count; i++) {
        float x = i * distance + getPaddingLeft();
        float y = getHeight() / 2f;
        canvas.drawLine(x, y, x, y - mIndicatorHeight, mRulerPaint);

        // 绘制标尺数值
        if ((i * stepSize + minValue) % 1 == 0) {
            String text = String.valueOf((int) (i * stepSize + minValue));
            float textWidth = mTextPaint.measureText(text);
            canvas.drawText(text, x - textWidth / 2f, y - mIndicatorHeight - dp2px(4), mTextPaint);
        }
    }
}

步骤2：显示滑动值

当用户拖动滑块时，我们需要更新滑块下方的值，例如：

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

    // 绘制标尺
    // ...

    // 绘制滑动值
    String text = String.valueOf(getProgress());
    float textWidth = mTextPaint.measureText(text);
    canvas.drawText(text, getThumb().getBounds().centerX() - textWidth / 2f, getHeight() + mIndicatorHeight + dp2px(4), mTextPaint);
}

步骤3：设置初始值

为了使控件具有初始值，我们需要在自定义构造函数中设置进度值，例如：

public RulerSeekBar(Context context) {
    super(context);
    init(context, null);
    setProgress(minValue);
}

public RulerSeekBar(Context context, AttributeSet attrs) {
    super(context, attrs);
    init(context, attrs);
    setProgress(minValue);
}

// ...

至此，我们已经实现了Android自定义标尺滑动选择值效果。

示例说明

以下是两个使用示例：

示例1：设置体重选择

在xml中添加控件，并设置必要属性，例如：

<com.example.demo.view.RulerSeekBar
    android:id="@+id/rsb_weight"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="20dp"
    android:max="180"
    app:minValue="30"
    app:stepSize="0.1"
    app:indicatorTextColor="@color/colorAccent"
    app:indicatorTextSize="12sp"/>

Java代码中对控件进行初始化，并设置监听器，例如：

RulerSeekBar weightSeekBar = findViewById(R.id.rsb_weight);
weightSeekBar.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
    @Override
    public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
        TextView tvWeight = findViewById(R.id.tv_weight);
        tvWeight.setText(String.format(Locale.getDefault(), "%.1f kg", (float)progress));
    }

    @Override
    public void onStartTrackingTouch(SeekBar seekBar) {

    }

    @Override
    public void onStopTrackingTouch(SeekBar seekBar) {

    }
});

示例2：设置年龄选择