【转】解决 SeekBar点击拖动时的闪动...

本文介绍了一种解决SeekBar在特定设备上出现的抖动问题的方法。通过记录触摸开始的位置并在移动过程中进行比较,来判断是否执行滑动操作,有效防止了SeekBar的误触发。

SeekBar点击拖动的时候模拟器上不会有任何问题,但是开发板上会出现一直抖动,测试组的人对此非常不爽。解决方法也很简单,在SeekBar中加了个int historypoint=0;用于记录上一次点击的范围。当然你也可以改TouchDelegate.java,里面可以得到event.next(),就是下一个点击的事件,然后做比较,但是我觉得这样侵入太高,而且我暂时只需要控制SeekBar不抖动就可以了。
private int historypoint=0;

public boolean onTouchEvent(MotionEvent event){
          switch(event.getAction()){
               case MotionEvent .ACTION_DOWN:
                               historypoint=event.getX();
                               break;
               case: MotionEvent .ACTION_MOVE:
                               if(Math.abs(historypoint-event.getX())<20){
                                   //不做什么
                               }else{
                                   //滑动
                                }
                                break;
          }

}

当我手直接摸上去historypoint=event.getX();,然后移动就可以判断移动的是不是在20像素以外了。我们这次事件是MotionEvent .ACTION_DOWN,MotionEvent .ACTION_UP,还是MotionEvent .ACTION_MOVE,android已经在TouchDelegate.java中通过一群计算给我们计算好了。

### 实现 Android 中的自定义 RangeSeekBarAndroid 开发中,实现一个自定义的 `RangeSeekBar`(范围滑动条)是一个常见的需求,尤其是在需要用户选择一个数值范围的应用场景中。通过自定义控件,可以更好地控制外观和交互行为,同提升用户体验。以下是实现 `RangeSeekBar` 的关键步骤和注意事项。 #### 1. 自定义控件的结构 `RangeSeekBar` 通常包含两个滑块(thumb),分别用于表示范围的起始和结束值。控件的核心功能包括: - 绘制背景轨道(track) - 绘制两个滑块 - 处理触摸事件,更新滑块的位置 - 根据滑块位置计算并返回当前的范围值 #### 2. 使用 Canvas 绘制控件 在自定义控件中,可以通过重写 `onDraw(Canvas canvas)` 方法来绘制控件的各个部分。以下是一个简单的实现示例: ```java public class RangeSeekBar extends View { private Paint trackPaint; private Paint thumbPaint; private float min = 0; private float max = 100; private float leftThumb = 0; private float rightThumb = 100; private int thumbRadius = 30; private int trackHeight = 10; public RangeSeekBar(Context context) { super(context); init(); } public RangeSeekBar(Context context, AttributeSet attrs) { super(context, attrs); init(); } private void init() { trackPaint = new Paint(); trackPaint.setColor(Color.GRAY); trackPaint.setStrokeWidth(trackHeight); trackPaint.setStyle(Paint.Style.STROKE); thumbPaint = new Paint(); thumbPaint.setColor(Color.BLUE); thumbPaint.setStyle(Paint.Style.FILL); } @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); // Draw track canvas.drawLine(thumbRadius, getHeight() / 2, getWidth() - thumbRadius, getHeight() / 2, trackPaint); // Draw thumbs canvas.drawCircle(leftThumb, getHeight() / 2, thumbRadius, thumbPaint); canvas.drawCircle(rightThumb, getHeight() / 2, thumbRadius, thumbPaint); } @Override protected void onSizeChanged(int w, int h, int oldw, int oldh) { super.onSizeChanged(w, h, oldw, oldh); leftThumb = thumbRadius; rightThumb = w - thumbRadius; } } ``` #### 3. 处理触摸事件 为了实现滑块的拖动功能,需要重写 `onTouchEvent(MotionEvent event)` 方法,并根据触摸事件更新滑块的位置: ```java private static final int INVALID_POINTER_ID = -1; private int activePointerId = INVALID_POINTER_ID; private boolean isLeftThumbPressed = false; private boolean isRightThumbPressed = false; @Override public boolean onTouchEvent(MotionEvent event) { final int action = event.getActionMasked(); final int pointerIndex = event.getActionIndex(); final float x = event.getX(pointerIndex); final float y = event.getY(pointerIndex); switch (action) { case MotionEvent.ACTION_DOWN: activePointerId = event.getPointerId(pointerIndex); isLeftThumbPressed = Math.abs(x - leftThumb) <= thumbRadius; isRightThumbPressed = Math.abs(x - rightThumb) <= thumbRadius; break; case MotionEvent.ACTION_MOVE: if (isLeftThumbPressed) { leftThumb = Math.max(thumbRadius, Math.min(x, rightThumb - thumbRadius)); invalidate(); } else if (isRightThumbPressed) { rightThumb = Math.max(leftThumb + thumbRadius, Math.min(x, getWidth() - thumbRadius)); invalidate(); } break; case MotionEvent.ACTION_UP: case MotionEvent.ACTION_CANCEL: isLeftThumbPressed = false; isRightThumbPressed = false; activePointerId = INVALID_POINTER_ID; break; } return true; } ``` #### 4. 提供获取当前范围值的方法 为了方便外部调用,可以提供一个方法来获取当前选择的范围值: ```java public float getSelectedMinValue() { return min + (leftThumb - thumbRadius) * (max - min) / (getWidth() - 2 * thumbRadius); } public float getSelectedMaxValue() { return min + (rightThumb - thumbRadius) * (max - min) / (getWidth() - 2 * thumbRadius); } ``` #### 5. 使用 Handler 延迟更新 在某些情况下,如果在布局计算过程中触发了 `requestLayout()`,可能会导致布局冲突。为了避免这种情况,可以在处理触摸事件使用 `Handler` 延迟更新控件的状态: ```java private Handler handler = new Handler(Looper.getMainLooper()); private void postInvalidateDelayed() { handler.post(() -> { invalidate(); }); } ``` #### 6. 适配不同设备 对于混合输入设备(如鼠标和触摸屏),可以考虑启用 Material Design 的混合模式,以提供更好的用户体验: ```java if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB) { // 启用 Material Design 混合模式 setLayerType(View.LAYER_TYPE_HARDWARE, null); } ``` #### 7. 测试与优化 在实际开发中,建议对控件进行充分的测试,确保在不同屏幕尺寸和分辨率下都能正常工作。同,可以根据需求添加更多的功能,例如: - 添加标签显示当前值 - 支持滑块的动画效果 - 自定义滑块的颜色和形状 --- ###
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值