MaterialRangeSlider双向拖动seekbar

最新推荐文章于 2025-06-23 19:32:05 发布

sinat_30986053

最新推荐文章于 2025-06-23 19:32:05 发布

阅读量2.1k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/sinat_30986053/article/details/48176445

本文介绍了如何使用MaterialRangeSlider实现一个双向拖动的SeekBar，支持选择价格范围。该组件在用户选择时会动态调整滑块大小并处理重叠问题，适合于价格选择场景。提供相关代码示例。

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

MaterialRangeSlider双向拖动seekbar

介绍：

MaterialRangeSlider双向拖动seekbar,支持双向拖动，并且价格也跟着变化，
滑动SeekBar的最小滚动条和最大滚动条的时候Tumb跟着变大，并且处理两个进度重叠问题。
适用于展示价格之类的应用，让用户自己选择价格范围。

运行效果：

相关代码

代码如下：

package com.ticketmaster.mobilestudio.materialrangeslider;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;

import java.util.Currency;
import java.util.Locale;

import butterknife.ButterKnife;
import butterknife.OnClick;

public class MainActivity extends AppCompatActivity {

    @OnClick(R.id.btn_launch_picker)
    public void onLaunchSlider() {
        PriceRangePickerDialogFragment.newInstance(0, 100, 0, 100, Currency.getInstance(Locale.getDefault()).getSymbol())
                .show(getSupportFragmentManager(), "slider");
    }

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ButterKnife.inject(this);
    }

}

package com.ticketmaster.mobilestudio.materialrangeslider;

import android.animation.Animator;
import android.animation.AnimatorListenerAdapter;
import android.animation.ObjectAnimator;
import android.animation.ValueAnimator;
import android.animation.ValueAnimator.AnimatorUpdateListener;
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.support.annotation.NonNull;
import android.util.AttributeSet;
import android.util.TypedValue;
import android.view.MotionEvent;
import android.view.View;
import android.view.animation.AccelerateInterpolator;

import com.twotoasters.servos.util.DensityUtils;

import java.util.HashSet;
import java.util.Set;

/**
* Slider following Material Design with two movable targets
* that allow user to select a range of integers.
*/
public class MaterialRangeSlider extends View {

    public interface RangeSliderListener {
        void onMaxChanged(int newValue);
        void onMinChanged(int newValue);
    }

    //Padding that is always added to both sides of slider, in addition to layout_margin
    private static final int HORIZONTAL_PADDING = 80;
    private static final int DEFAULT_TOUCH_TARGET_SIZE = Math.round(DensityUtils.dpToPx(40));
    private static final int DEFAULT_UNPRESSED_RADIUS = 15;
    private static final int DEFAULT_PRESSED_RADIUS = 40;
    private static final int DEFAULT_INSIDE_RANGE_STROKE_WIDTH = 8;
    private static final int DEFAULT_OUTSIDE_RANGE_STROKE_WIDTH = 4;
    private static final int DEFAULT_MAX = 100;

    private float unpressedRadius;
    private float pressedRadius;
    private final Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);
    private int lineStartX;
    private int lineEndX;
    private int lineLength;
    private float minTargetRadius = 0;
    private float maxTargetRadius = 0;
    private int minPosition = 0;
    private int maxPosition = 0;
    private int midY = 0;
    //List of event IDs touching targets
    private Set<Integer> isTouchingMinTarget = new HashSet<>();
    private Set<Integer> isTouchingMaxTarget = new HashSet<>();
    private int min = 0;
    private int max = DEFAULT_MAX;
    private int range;
    private float convertFactor;
    private RangeSliderListener rangesliderListener;
    private int targetColor;
    private int insideRangeColor;
    private int outsideRangeColor;
    private int colorControlNormal;
    private int colorControlHighlight;
    private float insideRangeLineStrokeWidth;
    private float outsideRangeLineStrokeWidth;
    private ObjectAnimator minAnimator;
    private ObjectAnimator maxAnimator;
    boolean lastTouchedMin;

    private Integer startingMin;
    private Integer startingMax;

    public MaterialRangeSlider(Context context) {
        super(context);
        init(null);
    }

    public MaterialRangeSlider(Context context, AttributeSet attrs) {
        super(context, attrs);
        init(attrs);
    }

    public MaterialRangeSlider(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init(attrs);
    }

    public void init(AttributeSet attrs) {
        getDefaultColors();
        getDefaultMeasurements();

        if (attrs != null) {
            //get attributes passed in XML
            TypedArray styledAttrs = getContext().obtainStyledAttributes(attrs,
                    R.styleable.MaterialRangeSlider, 0, 0);
     &