滑动按钮，滑动锁的实现！-优快云博客

本文介绍了一种自定义的滑动按钮实现方式，该按钮可通过XML配置，并在Activity中通过重写ontouch方法来判断滑动状态。代码示例展示了如何创建一个可滑动的按钮，并在滑动到特定位置时触发事件。

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

先上图：

大概就是这种效果，你可以用于滑动解锁，也可以当做个性化的Button来用

这个我已经进行了封装，可以直接在xml中进行编写，然后在activity中重写ontouch方法进行button的判断即可，不用你再调整任何东西，

滑动什么的都是自动适配的

我把这种Button命名为SlidingButton，先看一下代码吧，都是非常简单易用的：

package org.demo;
import android.content.Context;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.animation.AccelerateInterpolator;
import android.view.animation.Animation;
import android.view.animation.Interpolator;
import android.view.animation.TranslateAnimation;
import android.view.animation.Animation.AnimationListener;
import android.widget.Button;
import android.widget.FrameLayout;
import android.widget.LinearLayout;

public class SlidingButton extends Button {
	public SlidingButton(Context context, AttributeSet attrs, int defStyle) {
		super(context, attrs, defStyle);
	}

	public SlidingButton(Context context) {
		super(context);
	}

	private boolean isMe = false;

	public boolean isMe() {
		return isMe;
	}

	public void setMe(boolean isMe) {
		this.isMe = isMe;
	}

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

	@Override
	public boolean onTouchEvent(MotionEvent event) {
		if (event.getAction() == MotionEvent.ACTION_DOWN) {
			isMe = true;
		} else if (event.getAction() == MotionEvent.ACTION_UP) {
			isMe = false;
		}
		return false;
	}

	public boolean handleActivityEvent(MotionEvent activityEvent) {
		boolean result = false;
		if (isMe()) {
			if (activityEvent.getAction() == MotionEvent.ACTION_UP) {
				if (this.getLeft() + this.getWidth() / 2 > ((FrameLayout) this
						.getParent().getParent()).getWidth() - this.getWidth()) {

					LinearLayout.LayoutParams lp = (LinearLayout.LayoutParams) this
							.getLayoutParams();
					lp.leftMargin = 0;
					this.setLayoutParams(lp);
					this.setMe(false);
					result = true;
				} else {
					TranslateAnimation trans = new TranslateAnimation(
							Animation.ABSOLUTE, 0, Animation.ABSOLUTE,
							-this.getLeft(), Animation.RELATIVE_TO_SELF, 0,
							Animation.RELATIVE_TO_SELF, 0);
					trans.setDuration(600);
					trans.setInterpolator(new AccelerateInterpolator());
					trans.setInterpolator(new Interpolator() {
						@Override
						public float getInterpolation(float input) {
							return 0;
						}
					});
					trans.setAnimationListener(new SlidingAnimationListener(
							this));
					startAnimation(trans);
				}
			} else { 
				LinearLayout.LayoutParams lp = (LinearLayout.LayoutParams) getLayoutParams();
				lp.leftMargin = (int) (activityEvent.getX() - ((FrameLayout) this
						.getParent().getParent()).getLeft())
						- this.getWidth()
						/ 2;
				if (lp.leftMargin > 0
						&& lp.leftMargin < ((FrameLayout) this.getParent()
								.getParent()).getWidth() - this.getWidth()) {
					setLayoutParams(lp);
				}
			}
		}
		return result;
	}

	private static class SlidingAnimationListener implements AnimationListener {
		private SlidingButton but;

		public SlidingAnimationListener(SlidingButton button) {
			this.but = button;
		}

		public void onAnimationEnd(Animation animation) {
			rePosition();
			but.setMe(false);
			but.clearAnimation();
		}

		private void rePosition() {
			LinearLayout.LayoutParams lp = (LinearLayout.LayoutParams) but
					.getLayoutParams();
			lp.leftMargin = 0;
			but.setLayoutParams(lp);
		}

		public void onAnimationRepeat(Animation animation) {
		}

		public void onAnimationStart(Animation animation) {
		}
	}
}

SlidingButton是集成了Button，重写onTouchEvent方法，但是这里的ontouchEvent里只是判断是否touch了自己，如果是

则把自己的boolean isMe这个变量置为true，然后在activity中执行SlidingButton的handleActivityEvent方法，handleActivityEvent方法

来判断是否滑动，以及是否滑动到了进度条的末端，如果是则返回Boolean告诉调用者结果，如果没有，则触发动画滑回去

lp.leftMargin = (int) (activityEvent.getX() - 
		((FrameLayout)this.getParent().getParent()).getLeft()) - this.getWidth()/2;      
if (lp.leftMargin > 0 && lp.leftMargin < ((FrameLayout)this.getParent().getParent()).getWidth() -
		this.getWidth()) {      
	setLayoutParams(lp);  
}

再看Activity的代码：

package org.demo;

import android.app.Activity;
import android.os.Bundle;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.FrameLayout;
import android.widget.LinearLayout;
import android.widget.Toast;

public class SlidingButtonActivity extends Activity {
	private SlidingButtonActivity mSlidingButton;

	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);
		mSlidingButton = (SlidingButton) this
				.findViewById(R.id.mainview_answer_1_button);
	}

	@Override
	public boolean onTouchEvent(MotionEvent event) {
		if (mSlidingButton.handleActivityEvent(event)) {
			Toast.makeText(SlidingButtonActivity.this, "touch", 1).show();
		}
		return super.onTouchEvent(event);
	}
}

这就不用解释了吧？要是看不懂你就放弃吧…

需要注意的是xml文件：

<FrameLayout
    android:layout_width="250dip"
    android:layout_height="60dip"
    android:layout_gravity="center" >

    <TextView
        android:id="@+id/mainview_answer_1"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:background="@drawable/w_bg1"
        android:gravity="center"
        android:paddingLeft="35dip"
        android:text="滑动按钮测试"
        android:textColor="#FFFFFF"
        android:textSize="18sp" />
 <!-- 此处，滑动按钮的父亲组件不能为FrameLayout -->

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" >

        <com.test.slidingbutton.SlidingButton
            android:id="@+id/mainview_answer_1_button"
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:background="@drawable/bn_jt1"
            android:gravity="center" />
    </LinearLayout>

</FrameLayout>

最外层一定要用FrameLayout，因为在SlidingButton中我一路找到它的父类并把它强转为了FrameLayout，你自己如果

愿意改也可以。

ok，就这样简单。

尊重别人的劳动成果：http://www.cnblogs.com/jqyp/archive/2012/05/29/2523939.html