滑动按钮，滑动锁的实现源码

Myth丶恋晨 2022-10-02 03:59 206阅读 0赞

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][]

大概就是这种效果，你可以用于滑动解锁，也可以当做个性化的Button来用  
  
![\\][23030323_t4Bl.jpg]  
　　这个我已经进行了封装，可以直接在xml中进行编写，然后在activity中重写ontouch方法进行button的判断即可，不用你再调整任何东西，  
　　滑动什么的都是自动适配的  
　　我把这种Button命名为SlidingButton，先看一下代码吧，都是非常简单易用的：

package com.test.slidingbutton;
    　　import android.content.Context;
    　　import android.util.AttributeSet;
    　　import android.util.Log;
    　　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) {
    　　// Log.v("yupeng", "frame left" + ((FrameLayout)this.getParent().getParent()).getLeft());
    　　// Log.v("yupeng", "my left" + this.getLeft());
    　　// Log.v("yupeng", "touch " + this.getLeft());
    　　if(this.getLeft() + this.getWidth()/2 > ((FrameLayout)this.getParent().getParent()).getWidth() - this.getWidth()){
    　　//用户完成了选择动作
    　　Log.v("yupeng", "sliding true");
    　　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.setStartOffset(0);
    　　trans.setDuration(600);
    　　// trans.setFillAfter(true);
    　　trans.setInterpolator(new AccelerateInterpolator());
    　　trans.setInterpolator(new Interpolator() {
    　　@Override
    　　public float getInterpolation(float input) {
    　　// TODO Auto-generated method stub
    　　return 0;
    　　}
    　　});
    　　trans.setAnimationListener(new SlidingAnimationListener(this));
    　　startAnimation(trans);
    　　}
    　　} else {
    　　// 还在拖动
    　　LinearLayout.LayoutParams lp = (LinearLayout.LayoutParams) getLayoutParams();
    　　// Log.v("yupeng", "yu" + lp.leftMargin);
    　　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;
    　　}
    　　@Override
    　　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);
    　　}
    　　@Override
    　　public void onAnimationRepeat(Animation animation) {
    　　// TODO Auto-generated method stub
    　　}
    　　@Override
    　　public void onAnimationStart(Animation animation) {
    　　// TODO Auto-generated method stub
    　　}
    　　}
    　　}

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 com.test.slidingbutton;
    　　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 SlidingButton 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，因为在SlidingButton中我一路找到它的父类并把它强转为了FrameLayout，你自己如果  
　　愿意改也可以。  
  
![\\][23030323_f61k.jpg] **[在此处下载源码][Link 1]**

转载:http://www.adobex.com/android/source/details/00000198.htm

转载于:https://my.oschina.net/androidcode/blog/103927

[2019_Python_]: https://my.oschina.net/u/2663968/blog/3061697
[hot3.png]: /images/20220113/b048faf49ff341c7bc5821115a1c267a.png
[23030323_t4Bl.jpg]: /images/20220113/9a577d3ef6144d97912ae6628f6c112d.png
[23030323_f61k.jpg]: http://static.oschina.net/uploads/img/201301/23030323_f61k.jpg
[Link 1]: http://file.adobex.com/uploadfile/2012/0705/20120705032956156.rar