android Seekbar双滑块滑动

最新推荐文章于 2024-07-14 17:49:55 发布
最新推荐文章于 2024-07-14 17:49:55 发布
阅读量1.5k 收藏
点赞数
分类专栏： android 文章标签： android Seekbar双滑块

虽然是转载，但我也做了一些修改


使用方法
1、自定义View   SeekBarPressure.class
import android . content . Context ;
import android . content . res . Resources ;
import android . graphics . Canvas ;
import android . graphics . Color ;
import android . graphics . Paint ;
import android . graphics . drawable . Drawable ;
import android . util . AttributeSet ;
import android . view . MotionEvent ;
import android . view . View ;
import java . math . BigDecimal ;
import com . zjcpo . mobileapp . R ;

public class SeekBarPressure extends View {
private static final String TAG = "SeekBarPressure" ;
private static final int CLICK_ON_LOW = 1 ; //点击在前滑块上
private static final int CLICK_ON_HIGH = 2 ; //点击在后滑块上
private static final int CLICK_IN_LOW_AREA = 3 ;
private static final int CLICK_IN_HIGH_AREA = 4 ;
private static final int CLICK_OUT_AREA = 5 ;
private static final int CLICK_INVAILD = 0 ;
private static final int [] STATE_NORMAL = {};
private static final int [] STATE_PRESSED = {
android . R . attr . state_pressed , android . R . attr . state_window_focused ,
};
private Drawable hasScrollBarBg ; //滑动条滑动后背景图
private Drawable notScrollBarBg ; //滑动条未滑动背景图
private Drawable mThumbLow ; //前滑块
private Drawable mThumbHigh ; //后滑块

private int mScollBarWidth ; //控件宽度=滑动条宽度+滑动块宽度
private int mScollBarHeight ; //滑动条高度

private int mThumbWidth ; //滑动块宽度
private int mThumbHeight ; //滑动块高度

private double mOffsetLow = 0 ; //前滑块中心坐标
private double mOffsetHigh = 0 ; //后滑块中心坐标
private int mDistance = 0 ; //总刻度是固定距离 两边各去掉半个滑块距离

private int mThumbMarginTop = 30 ; //滑动块顶部距离上边框距离，也就是距离字体顶部的距离

private int mFlag = CLICK_INVAILD ;
private OnSeekBarChangeListener mBarChangeListener ;


private double defaultScreenLow = 0 ; //默认前滑块位置百分比
private double defaultScreenHigh = 100 ; //默认后滑块位置百分比

private boolean isEdit = false ; //输入框是否正在输入

public SeekBarPressure ( Context context ) {
this ( context , null );
}

public SeekBarPressure ( Context context , AttributeSet attrs ) {
this ( context , attrs , 0 );
}

public SeekBarPressure ( Context context , AttributeSet attrs , int defStyle ) {
super ( context , attrs , defStyle );
// this.setBackgroundColor(Color.BLACK);

Resources resources = getResources ();
notScrollBarBg = resources . getDrawable ( R . drawable . seekbarpressure_bg_progress );
hasScrollBarBg = resources . getDrawable ( R . drawable . seekbarpressure_bg_normal );
mThumbLow = resources . getDrawable ( R . drawable . seekbarpressure_thumb );
mThumbHigh = resources . getDrawable ( R . drawable . seekbarpressure_thumb );

mThumbLow . setState ( STATE_NORMAL );
mThumbHigh . setState ( STATE_NORMAL );

mScollBarWidth = notScrollBarBg . getIntrinsicWidth ();
mScollBarHeight = notScrollBarBg . getIntrinsicHeight ();

mThumbWidth = mThumbLow . getIntrinsicWidth ();
mThumbHeight = mThumbLow . getIntrinsicHeight ();

}

//默认执行，计算view的宽高,在onDraw()之前
protected void onMeasure ( int widthMeasureSpec , int heightMeasureSpec ) {
int width = measureWidth ( widthMeasureSpec );
// int height = measureHeight(heightMeasureSpec);
mScollBarWidth = width ;
mOffsetHigh = width - mThumbWidth / 2 ;
mOffsetLow = mThumbWidth / 2 ;
mDistance = width - mThumbWidth ;

mOffsetLow = formatDouble ( defaultScreenLow / 100 * ( mDistance ))+ mThumbWidth / 2 ;
mOffsetHigh = formatDouble ( defaultScreenHigh / 100 * ( mDistance )) + mThumbWidth / 2 ;
setMeasuredDimension ( width , mThumbHeight + mThumbMarginTop + 2 );
}


private int measureWidth ( int measureSpec ) {
int specMode = MeasureSpec . getMode ( measureSpec );
int specSize = MeasureSpec . getSize ( measureSpec );
//wrap_content
if ( specMode == MeasureSpec . AT_MOST ) {
}
//fill_parent或者精确值
else if ( specMode == MeasureSpec . EXACTLY ) {
}

return specSize ;
}

private int measureHeight ( int measureSpec ) {
int specMode = MeasureSpec . getMode ( measureSpec );
int specSize = MeasureSpec . getSize ( measureSpec );
int defaultHeight = 100 ;
//wrap_content
if ( specMode == MeasureSpec . AT_MOST ) {
}
//fill_parent或者精确值
else if ( specMode == MeasureSpec . EXACTLY ) {
defaultHeight = specSize ;
}

return defaultHeight ;
}

protected void onLayout ( boolean changed , int l , int t , int r , int b ) {
super . onLayout ( changed , l , t , r , b );
}

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

Paint text_Paint = new Paint ();
text_Paint . setTextAlign ( Paint . Align . CENTER );
text_Paint . setColor ( Color . RED );
text_Paint . setTextSize ( 20 );

int aaa = mThumbMarginTop + mThumbHeight / 2 - mScollBarHeight / 2 ;
int bbb = aaa + mScollBarHeight ;

//白色，不会动
notScrollBarBg . setBounds ( mThumbWidth / 2 , aaa , mScollBarWidth - mThumbWidth / 2 , bbb );
notScrollBarBg . draw ( canvas );

//蓝色，中间部分会动
hasScrollBarBg . setBounds (( int ) mOffsetLow , aaa , ( int ) mOffsetHigh , bbb );
hasScrollBarBg . draw ( canvas );

//前滑块
mThumbLow . setBounds (( int )( mOffsetLow - mThumbWidth / 2 ), mThumbMarginTop , ( int )( mOffsetLow + mThumbWidth / 2 ), mThumbHeight + mThumbMarginTop );
mThumbLow . draw ( canvas );

//后滑块
mThumbHigh . setBounds (( int )( mOffsetHigh - mThumbWidth / 2 ), mThumbMarginTop , ( int )( mOffsetHigh + mThumbWidth / 2 ), mThumbHeight + mThumbMarginTop );
mThumbHigh . draw ( canvas );

double progressLow = formatDouble (( mOffsetLow - mThumbWidth / 2 ) * 100 / mDistance );
double progressHigh = formatDouble (( mOffsetHigh - mThumbWidth / 2 ) * 100 / mDistance );
// Log.d(TAG, "onDraw-->mOffsetLow: " + mOffsetLow + " mOffsetHigh: " + mOffsetHigh + " progressLow: " + progressLow + " progressHigh: " + progressHigh);
canvas . drawText (( int ) progressLow + "" , ( int ) mOffsetLow - 2 - 2 , 15 , text_Paint );
canvas . drawText (( int ) progressHigh + "" , ( int ) mOffsetHigh - 2 , 15 , text_Paint );

if ( mBarChangeListener != null ) {
if (! isEdit ) {
mBarChangeListener . onProgressChanged ( this , progressLow , progressHigh );
}

}
}

@Override
public boolean onTouchEvent ( MotionEvent e ) {
//按下
if ( e . getAction () == MotionEvent . ACTION_DOWN ) {
if ( mBarChangeListener != null ) {
mBarChangeListener . onProgressBefore ();
isEdit = false ;
}
mFlag = getAreaFlag ( e );
// Log.d(TAG, "e.getX: " + e.getX() + "mFlag: " + mFlag);
// Log.d("ACTION_DOWN", "------------------");
if ( mFlag == CLICK_ON_LOW ) {
mThumbLow . setState ( STATE_PRESSED );
} else if ( mFlag == CLICK_ON_HIGH ) {
mThumbHigh . setState ( STATE_PRESSED );
} else if ( mFlag == CLICK_IN_LOW_AREA ) {
mThumbLow . setState ( STATE_PRESSED );
//如果点击0-mThumbWidth/2坐标
if ( e . getX () < 0 || e . getX () <= mThumbWidth / 2 ) {
mOffsetLow = mThumbWidth / 2 ;
} else if ( e . getX () > mScollBarWidth - mThumbWidth / 2 ) {
// mOffsetLow = mDistance - mDuration;
mOffsetLow = mThumbWidth / 2 + mDistance ;
} else {
mOffsetLow = formatDouble ( e . getX ());
// if (mOffsetHigh<= mOffsetLow) {
// mOffsetHigh = (mOffsetLow + mDuration <= mDistance) ? (mOffsetLow + mDuration)
// : mDistance;
// mOffsetLow = mOffsetHigh - mDuration;
// }
}
} else if ( mFlag == CLICK_IN_HIGH_AREA ) {
mThumbHigh . setState ( STATE_PRESSED );
// if (e.getX() < mDuration) {
// mOffsetHigh = mDuration;
// mOffsetLow = mOffsetHigh - mDuration;
// } else if (e.getX() >= mScollBarWidth - mThumbWidth/2) {
// mOffsetHigh = mDistance + mThumbWidth/2;
if ( e . getX () >= mScollBarWidth - mThumbWidth / 2 ) {
mOffsetHigh = mDistance + mThumbWidth / 2 ;
} else {
mOffsetHigh = formatDouble ( e . getX ());
// if (mOffsetHigh <= mOffsetLow) {
// mOffsetLow = (mOffsetHigh - mDuration >= 0) ? (mOffsetHigh - mDuration) : 0;
// mOffsetHigh = mOffsetLow + mDuration;
// }
}
}
//设置进度条
refresh ();

//移动move
} else if ( e . getAction () == MotionEvent . ACTION_MOVE ) {
// Log.d("ACTION_MOVE", "------------------");
if ( mFlag == CLICK_ON_LOW ) {
if ( e . getX () < 0 || e . getX () <= mThumbWidth / 2 ) {
mOffsetLow = mThumbWidth / 2 ;
} else if ( e . getX () >= mScollBarWidth - mThumbWidth / 2 ) {
mOffsetLow = mThumbWidth / 2 + mDistance ;
mOffsetHigh = mOffsetLow ;
} else {
mOffsetLow = formatDouble ( e . getX ());
if ( mOffsetHigh - mOffsetLow <= 0 ) {
mOffsetHigh = ( mOffsetLow <= mDistance + mThumbWidth / 2 ) ? ( mOffsetLow ) : ( mDistance + mThumbWidth / 2 );
}
}
} else if ( mFlag == CLICK_ON_HIGH ) {
if ( e . getX () < mThumbWidth / 2 ) {
mOffsetHigh = mThumbWidth / 2 ;
mOffsetLow = mThumbWidth / 2 ;
} else if ( e . getX () > mScollBarWidth - mThumbWidth / 2 ) {
mOffsetHigh = mThumbWidth / 2 + mDistance ;
} else {
mOffsetHigh = formatDouble ( e . getX ());
if ( mOffsetHigh - mOffsetLow <= 0 ) {
mOffsetLow = ( mOffsetHigh >= mThumbWidth / 2 ) ? ( mOffsetHigh ) : mThumbWidth / 2 ;
}
}
}
//设置进度条
refresh ();
//抬起
} else if ( e . getAction () == MotionEvent . ACTION_UP ) {
// Log.d("ACTION_UP", "------------------");
mThumbLow . setState ( STATE_NORMAL );
mThumbHigh . setState ( STATE_NORMAL );

if ( mBarChangeListener != null ) {
mBarChangeListener . onProgressAfter ();
}
//这两个for循环 是用来自动对齐刻度的，注释后，就可以自由滑动到任意位置
// for (int i = 0; i < money.length; i++) {
// if(Math.abs(mOffsetLow-i* ((mScollBarWidth-mThumbWidth)/ (money.length-1)))<=(mScollBarWidth-mThumbWidth)/(money.length-1)/2){
// mprogressLow=i;
// mOffsetLow =i* ((mScollBarWidth-mThumbWidth)/(money.length-1));
// invalidate();
// break;
// }
// }
//
// for (int i = 0; i < money.length; i++) {
// if(Math.abs(mOffsetHigh-i* ((mScollBarWidth-mThumbWidth)/(money.length-1) ))<(mScollBarWidth-mThumbWidth)/(money.length-1)/2){
// mprogressHigh=i;
// mOffsetHigh =i* ((mScollBarWidth-mThumbWidth)/(money.length-1));
// invalidate();
// break;
// }
// }
}
return true ;
}

public int getAreaFlag ( MotionEvent e ) {

int top = mThumbMarginTop ;
int bottom = mThumbHeight + mThumbMarginTop ;
if ( e . getY () >= top && e . getY () <= bottom && e . getX () >= ( mOffsetLow - mThumbWidth / 2 ) && e . getX () <= mOffsetLow + mThumbWidth / 2 ) {
return CLICK_ON_LOW ;
} else if ( e . getY () >= top && e . getY () <= bottom && e . getX () >= ( mOffsetHigh - mThumbWidth / 2 ) && e . getX () <= ( mOffsetHigh + mThumbWidth / 2 )) {
return CLICK_ON_HIGH ;
} else if ( e . getY () >= top
&& e . getY () <= bottom
&& (( e . getX () >= 0 && e . getX () < ( mOffsetLow - mThumbWidth / 2 )) || (( e . getX () > ( mOffsetLow + mThumbWidth / 2 ))
&& e . getX () <= (( double ) mOffsetHigh + mOffsetLow ) / 2 ))) {
return CLICK_IN_LOW_AREA ;
} else if ( e . getY () >= top
&& e . getY () <= bottom
&& ((( e . getX () > (( double ) mOffsetHigh + mOffsetLow ) / 2 ) && e . getX () < ( mOffsetHigh - mThumbWidth / 2 )) || ( e
. getX () > ( mOffsetHigh + mThumbWidth / 2 ) && e . getX () <= mScollBarWidth ))) {
return CLICK_IN_HIGH_AREA ;
} else if (!( e . getX () >= 0 && e . getX () <= mScollBarWidth && e . getY () >= top && e . getY () <= bottom )) {
return CLICK_OUT_AREA ;
} else {
return CLICK_INVAILD ;
}
}

//更新滑块
private void refresh () {
invalidate ();
}

//设置前滑块的值
public void setProgressLow ( double progressLow ) {
this . defaultScreenLow = progressLow ;
mOffsetLow = formatDouble ( progressLow / 100 * ( mDistance ))+ mThumbWidth / 2 ;
isEdit = true ;
refresh ();
}

//设置后滑块的值
public void setProgressHigh ( double progressHigh ) {
this . defaultScreenHigh = progressHigh ;
mOffsetHigh = formatDouble ( progressHigh / 100 * ( mDistance )) + mThumbWidth / 2 ;
isEdit = true ;
refresh ();
}

public void setOnSeekBarChangeListener ( OnSeekBarChangeListener mListener ) {
this . mBarChangeListener = mListener ;
}

//回调函数，在滑动时实时调用，改变输入框的值
public interface OnSeekBarChangeListener {
//滑动前
public void onProgressBefore ();

//滑动时
public void onProgressChanged ( SeekBarPressure seekBar , double progressLow ,
double progressHigh );

//滑动后
public void onProgressAfter ();
}

/* private int formatInt(double value) {
BigDecimal bd = new BigDecimal(value);
BigDecimal bd1 = bd.setScale(0, BigDecimal.ROUND_HALF_UP);
return bd1.intValue();
}*/

public static double formatDouble ( double pDouble ) {
BigDecimal bd = new BigDecimal ( pDouble );
BigDecimal bd1 = bd . setScale ( 2 , BigDecimal . ROUND_HALF_UP );
pDouble = bd1 . doubleValue ();
return pDouble ;
}

}

2、布局调用 xxx.xml

 <com.example.shuangseekbardemo.SeekBarPressure
            android:id="@+id/seekBar_tg2"  


            android:layout_width="match_parent"  
            android:layout_height="wrap_content"  
            android:layout_alignParentTop="true"  
            android:layout_marginBottom="10dp"  
            android:layout_marginLeft="20dp"  
            android:layout_marginRight="20dp" 
            android:layout_toRightOf="@id/ni"/>  

3、在Activity中实现XxxActivity.class

seekBarPressures = (SeekBarPressure) findViewById(R.id.seekBar_tg2);

        seekBarPressures.setOnSeekBarChangeListener(new SeekBarPressure.OnSeekBarChangeListener() {
            @Override
            public void onProgressBefore() {
                isScreen = true;
            }

            @Override
            public void onProgressChanged(SeekBarPressure seekBar, double progressLow, double progressHigh) {
        
                    editTexts_min.setText((int) progressLow + "");
 
            
                    editTexts_max.setText((int) progressHigh + "");
              
            }

            @Override
            public void onProgressAfter() {
                isScreen = false;
            }
         });

原文：http://lanaiver6291.blog.163.com/blog/static/177798310201531314

下载地址：http://download.csdn.net/detail/zhanghuaiwang/9912331

zh刺客
关注
专栏目录
Android 自定义双向滑动SeekBar
qq_33214392的博客
09-12 3998
Android 自定义双向滑动SeekBar ，一些需要价格区间选择的App可能需要用到 1. 自定义MySeekBar 继承 View，先给一张效果图。 2.原理：自定义attrs属性，从布局中获取SeekBar最小值、坐标点个数、2点间代表的数值。 3.由SeekBar最小值、坐标点个数、2点间代表的数值确定 每个坐标点的所代表的数值。 4.onMeasure()方
android SeekBar双滑块区间设置
11-28 318
else if (e.getAction() == MotionEvent.ACTION_MOVE) { //移动move。} else if (e.getAction() == MotionEvent.ACTION_UP) {//抬起。if (e.getAction() == MotionEvent.ACTION_DOWN) {//按下。//滑动条滑动后背景图。//滑动条未滑动背景图。//控件宽度=滑动条宽度+滑动块宽度。//前滑块中心坐标之前位置。//后滑块中心坐标之前位置。
Android双向seekbar
DylanAndroid
08-20 3121
※效果 ※用法 private void init() { sb_user = (SeekBarPressure) findViewById(R.id.sb_user); sb_user.setProgressLowInt(2); sb_user.setProgressHighInt(4); sb_user.set
安卓开发界面：用kotlin实现一个双值范围选择器RangeSeekBar
最新发布
m0_62545462的博客
07-14 1128
安卓界面 双值选择器
android SeekBar双滑块
菜鸟的android晋级之路
10-20 3316
效果： 实现原理： 1、自定义View，在onDraw(Canvas canvas)中，画出2个Drawable滑动块，2个Drawable滑动条，2个Paint（text） 2、监听onTouchEvent()事件，修改滑块和滑动条的坐标，调用invalidate()来更新界面 使用方法 1、自定义View   SeekBarPressure.class
android 双向滑动 seekbar
weixin_33842304的博客
07-22 849
实现原理： 1、自定义View，在onDraw(Canvas canvas)中，画出2个Drawable滑动块，2个Drawable滑动条，2个Paint（text） 2、监听onTouchEvent()事件，修改滑块和滑动条的坐标，调用invalidate()来更新界面 使用方法 1、自定义View   SeekBarPressure.class package xxxxx...
自定义实现两个滑块的SeekBar
12-22
可以自己定义长度，颜色
Android自定义SeekBar滑动显示数字
01-04
当滑动时：数值显示，滑动停止时显示数字，使用FrameLayout结合SeekBar。 首先我们看看。 Layout： <?xml version=1.0 encoding=utf-8?> <merge xmlns:android=http://schemas.android.com/apk/res/android ...
android seekbar自动动,Android 自定义SeekBar(滑块跟随进度条移动)
weixin_34310561的博客
05-25 1335
项目中有个播放音频须要进度条而且播放时间跟随进度条移动以下android 下面看一下怎么自定义这个控件，首先咱们继承canvasAppCompatSeekBar，而后在进度条上画一个带圆角的框，在里面再画进度时间app直接上代码：ide/*** 带进度的seekbar*/public class SeekBarAndText extends AppCompatSeekBar {​// 画笔priv...
Android自定义View三滑块SeekBar
02-18
SeekBar是Android系统提供的一个UI组件，它允许用户通过拖动滑块来选择一个介于最小值和最大值之间的值。通常，SeekBar只有一个滑块，但在这个案例中，我们将扩展其功能，使其能够处理三个独立的滑块。 要创建...
Android实现两个滑块滑动的SeekBar
SmallWalnutBG的博客
05-17 1613
Android实现两个滑块滑动SeekBar 自定义seekBar view（可实现两个滑块分别拖动，动态设置初始化滑块位置，动态设置最小值和最大值） package cn.deerlands.deerland.mvp.ui.wiget; import android.content.Context; import android.graphics.Bitmap; import android.graphics.BlurMaskFilter; import android.graphics.Canv
双向滑动的范围选择条SeekBar
08-03
NULL 博文链接：https://gundumw100.iteye.com/blog/2001720
Android双向seekbar（带刻度）
08-20
Android双向seekbar（带刻度），自定义view，控制上限和下限
SeekBar双滑块，轻松控制
07-27
两个双滑块的滑动，可以轻松的左右控制
android 双向seekbar
01-03
android双向SeekBar滑动控件，有需要的可以看看
可双向左右拖动区间选择seekbar功能
04-03
这个是一个可以支持双向左右拖动区间选择seekbar功能，源码RangeSeekBar，RangeSeekBar实现可以双向左右拖动，区间选择seekbar，源码很简单的，而且又很方便，容易修改的。 RangeSeekBar is a custom view for the Android platform that makes it possible to have a SeekBar with more thumbs on it. The bar can be setup programmatically or via XML for both Horizontal and Vertical usecases. It supports custom drawables for the backgrund, track and thumbs. It tries to mimic the behavior of the JQueryUI Slider widget on many …
探索创新：双向滑动的自定义 SeekBar —— ATDragViewDemo
gitblog_00039的博客
06-24 354
探索创新：双向滑动的自定义 SeekBar —— ATDragViewDemo 项目地址:https://gitcode.com/GuoFeilong/ATDragViewDemo 在开发 Android 应用时，我们常常需要一些独特的 UI 元素以提升用户体验。今天，我要向你推荐一个开源项目——ATDragViewDemo，它是一个自定义的双向滑动 SeekBar，让你的筛选条件设置更直观有趣。...
MaterialRangeSlider双向拖动seekbar
sinat_30986053的博客
09-02 2100
MaterialRangeSlider双向拖动seekbar 介绍： MaterialRangeSlider双向拖动seekbar,支持双向拖动，并且价格也跟着变化， 滑动SeekBar的最小滚动条和最大滚动条的时候Tumb跟着变大，并且处理两个进度重叠问题。 适用于展示价格之类的应用，让用户自己选择价格范围。 运行效果：
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值