自定义view(滑动开关)

自定义view如右图:实现了滑动和点击事件。

源码下载地址:http://download.csdn.net/detail/fengyun703/9426981

1.实现onMeasure方法。

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
setMeasuredDimension(slide_bg.getWidth(), slide_bg.getHeight());
}

2.实现onDraw方法。

protected void onDraw(Canvas canvas) {
canvas.drawBitmap(slide_bg, 0, 0, paint);
canvas.drawBitmap(buttom_bg, buttonLeft, 0, paint);
}

3.处理滑动事件:

在onTouchEvent中修改buttonLeft,在调用重绘。

4.click事件和touch事件的冲突:

在onTouchEvent中判断滑动距离,要是小于5个像素,就认为是点击事件;否则为滑动事件。


疑问:为什么click事件在onTouchEvent的switch的case up之后?  我把super.onTouchEvent(event)写在switch之前的,可能是消息队列时间排序问题,点击事

件使用的 if (!post(mPerformClick)) {

                                    performClick();
                                }


主要代码如下:

private void initial() {
buttom_bg = BitmapFactory.decodeResource(getResources(),
R.drawable.slide_button_background);
slide_bg = BitmapFactory.decodeResource(getResources(),
R.drawable.switch_background);
paint = new Paint();
maxLeft = slide_bg.getWidth() - buttom_bg.getWidth();
isOpened = false;
buttonLeft = 0;
this.setOnClickListener(new OnClickListener() {
//为什么click事件在onTouchEvent的switch的case up之后? 
@Override
public void onClick(View v) {
System.out.println("onClick");
if(isClick){
System.out.println("触发click事件");
slide(!isOpened);
}
}
});
}

@Override
public boolean onTouchEvent(MotionEvent event) {
//super.onTouchEvent(event);
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
downx = event.getX();
break;

case MotionEvent.ACTION_MOVE:
float movex = event.getX();
buttonLeft += movex - downx;
if (buttonLeft > maxLeft) {
buttonLeft = maxLeft;
}
if (buttonLeft < 0) {
buttonLeft = 0;
}
invalidate();
break;

case MotionEvent.ACTION_UP:
System.out.println("触发ACTION_UP事件");
float upx = event.getX();
if (Math.abs(downx - upx) <5) {
isClick = true;
} else {
isClick = false;
if (buttonLeft > maxLeft / 2) {
slide(true); // 打开开关。
} else {
slide(false);// 关闭开关。
}
}
break;

default:
break;
}

super.onTouchEvent(event);
return true;
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值