Android仿苹果有滑动效果的SwitchButton

      转载请标明原地址:http://blog.csdn.net/gaolei1201/article/details/42679285

      工作中需要用到仿苹果有滑动效果的SwitchButton,在网上搜索了一阵子发现GitHub上例子源码地址:https://github.com/zcweng/ToggleButton 和 https://github.com/Leaking/SlideSwitch,在CSDN上也发现有不错的Demo,地址:http://blog.csdn.net/huangyanbin123/article/details/41259547  和 http://blog.csdn.net/singwhatiwanna/article/details/9254309。自己也在别人的基础上写了,如图



下面是详细代码

自定义View

package com.example.switchbutton;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Matrix;
import android.graphics.Paint;
import android.graphics.Rect;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;

/**
 * @since 2014/05/22
 * @author Fay {@link 1940125001@qq.com}
 */

public class SlideSwitch extends View implements OnTouchListener {

	private boolean nowChoose = false;// 记录当前按钮是否打开,true为打开,false为关闭
	private boolean onSlip = false;// 记录用户是否在滑动
	private float downX, nowX; // 按下时的x,当前的x
	private Rect btn_on, btn_off;// 打开和关闭状态下,游标的Rect

	private boolean isChgLsnOn = false;// 是否设置监听
	private OnChangedListener changedLis;

	private Bitmap bg_on, bg_off, slip_btn;

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

	public SlideSwitch(Context context) {
		super(context);
		init();
	}

	public void setChecked(boolean checked) {
		if(checked){  
            nowX = bg_off.getWidth();  
        }else{  
            nowX = 0;  
        }  
		nowChoose = checked; 
	}

	private void init() {
		// 载入图片资源
		bg_on = BitmapFactory.decodeResource(getResources(),
				R.drawable.slide_toggle_on);
		bg_off = BitmapFactory.decodeResource(getResources(),
				R.drawable.slide_toggle_off);
		slip_btn = BitmapFactory.decodeResource(getResources(),
				R.drawable.slide_toggle);
		// 获得需要的Rect数据
		btn_on = new Rect(0, 0, slip_btn.getWidth(), slip_btn.getHeight());
		btn_off = new Rect(bg_off.getWidth() - slip_btn.getWidth(), 0,
				bg_off.getWidth(), slip_btn.getHeight());
		setOnTouchListener(this);
	}

	@Override
	protected void onDraw(Canvas canvas) {
		// TODO Auto-generated method stub
		super.onDraw(canvas);

		Matrix matrix = new Matrix();
		Paint paint = new Paint();
		float x;

			if (nowX < (bg_on.getWidth() / 2)) // 滑动到前半段与后半段的背景不同,在此做判断
				canvas.drawBitmap(bg_off, matrix, paint);// 画出关闭时的背景
			else
				canvas.drawBitmap(bg_on, matrix, paint);// 画出打开时的背景

			if (onSlip) {// 是否是在滑动状态,
				if (nowX >= bg_on.getWidth())// 是否划出指定范围,不能让游标跑到外头,必须做这个判断
					x = bg_on.getWidth() - slip_btn.getWidth() / 2;// 减去游标1/2的长度
				else
					x = nowX - slip_btn.getWidth() / 2;
			} else {
				if (nowChoose)// 根据现在的开关状态设置画游标的位置
					x = btn_off.left;
				else
					x = btn_on.left;
			}

			if (x < 0) // 对游标位置进行异常判断..
				x = 0;
			else if (x > bg_on.getWidth() - slip_btn.getWidth())
				x = bg_on.getWidth() - slip_btn.getWidth();

			canvas.drawBitmap(slip_btn, x, 0, paint);// 画出游标.
	}

	@Override
	public boolean onTouch(View v, MotionEvent event) {

		switch (event.getAction()) {// 根据动作来执行代码

		case MotionEvent.ACTION_MOVE:// 滑动
			nowX = event.getX();
			break;
		case MotionEvent.ACTION_DOWN:// 按下
			if (event.getX() > bg_on.getWidth()
					|| event.getY() > bg_on.getHeight())
				return false;
			onSlip = true;
			downX = event.getX();
			nowX = downX;
			break;
		case MotionEvent.ACTION_UP:// 松开
			onSlip = false;
			boolean lastChoose = nowChoose;
			if (event.getX() >= (bg_on.getWidth() / 2))
				nowChoose = true;
			else
				nowChoose = false;
			if (isChgLsnOn && (lastChoose != nowChoose))// 如果设置了监听器,就调用其方法.
				changedLis.OnChanged(nowChoose);
			break;
		default:
			break;
		}
		invalidate();
		return true;
	}

	public void SetOnChangedListener(OnChangedListener l) {// 设置监听器,当状态修改的时候
		isChgLsnOn = true;
		changedLis = l;
	}

	public interface OnChangedListener {
		abstract void OnChanged(boolean checkState);
	}
}

在Activity中引用:

package com.example.switchbutton;

import com.example.switchbutton.SlideSwitch.OnChangedListener;

import android.app.Activity;
import android.content.SharedPreferences;
import android.content.SharedPreferences.Editor;
import android.os.Bundle;

public class MainActivity extends Activity implements OnChangedListener {

	private  SlideSwitch slideButton;
	private SharedPreferences sp;
	private Editor editor;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        sp=getSharedPreferences("flag", 0);
        editor=sp.edit();
        slideButton=(SlideSwitch)findViewById(R.id.slide_button);
        slideButton.SetOnChangedListener(this);
        //根据条件显示slidebutton状态
        if(sp.getBoolean("isChecked", false)){
        	slideButton.setChecked(true);
        }else{
        	slideButton.setChecked(false);
        }
    }
	@Override
	public void OnChanged(boolean checkState) {
		// TODO Auto-generated method stub
		if(checkState){
			editor.putBoolean("isChecked", true);
		}else{
			editor.putBoolean("isChecked", false);
		}
		editor.commit();
	}


    
    
}


                                                   源码地址欢迎光临......

展开阅读全文

Git 实用技巧

11-24
这几年越来越多的开发团队使用了Git,掌握Git的使用已经越来越重要,已经是一个开发者必备的一项技能;但很多人在刚开始学习Git的时候会遇到很多疑问,比如之前使用过SVN的开发者想不通Git提交代码为什么需要先commit然后再去push,而不是一条命令一次性搞定; 更多的开发者对Git已经入门,不过在遇到一些代码冲突、需要恢复Git代码时候就不知所措,这个时候哪些对 Git掌握得比较好的少数人,就像团队中的神一样,在队友遇到 Git 相关的问题的时候用各种流利的操作来帮助队友于水火。 我去年刚加入新团队,发现一些同事对Git的常规操作没太大问题,但对Git的理解还是比较生疏,比如说分支和分支之间的关联关系、合并代码时候的冲突解决、提交代码前未拉取新代码导致冲突问题的处理等,我在协助处理这些问题的时候也记录各种问题的解决办法,希望整理后通过教程帮助到更多对Git操作进阶的开发者。 本期教程学习方法分为“掌握基础——稳步进阶——熟悉协作”三个层次。从掌握基础的 Git的推送和拉取开始,以案例进行演示,分析每一个步骤的操作方式和原理,从理解Git 工具的操作到学会代码存储结构、演示不同场景下Git遇到问题的不同处理方案。循序渐进让同学们掌握Git工具在团队协作中的整体协作流程。 在教程中会通过大量案例进行分析,案例会模拟在工作中遇到的问题,从最基础的代码提交和拉取、代码冲突解决、代码仓库的数据维护、Git服务端搭建等。为了让同学们容易理解,对Git简单易懂,文章中详细记录了详细的操作步骤,提供大量演示截图和解析。在教程的最后部分,会从提升团队整体效率的角度对Git工具进行讲解,包括规范操作、Gitlab的搭建、钩子事件的应用等。 为了让同学们可以利用碎片化时间来灵活学习,在教程文章中大程度降低了上下文的依赖,让大家可以在工作之余进行学习与实战,并同时掌握里面涉及的Git不常见操作的相关知识,理解Git工具在工作遇到的问题解决思路和方法,相信一定会对大家的前端技能进阶大有帮助。
©️2020 CSDN 皮肤主题: 书香水墨 设计师: CSDN官方博客 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值