MaterialRangeSlider双向拖动seekbar

最新推荐文章于 2024-08-28 09:22:04 发布

sinat_30986053

最新推荐文章于 2024-08-28 09:22:04 发布

阅读量2.1k

点赞数

本文链接：https://blog.csdn.net/sinat_30986053/article/details/48176445

版权

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

摘要由CSDN通过智能技术生成

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);