我们都知道Android4.0以上才带有滑动开关Switch,那么在4.0以下呢,很多人会选择用CheckBox,放两张图片,但是这样子只能点击,效果不太好,所以我就自定义了滑动开关WiperSwitch这么一个控件,下面先把截图贴上吧,这蹩脚的图片真戳啊,大家可以自己换三张图片
package com.example.wiperswitch;
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.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
/**
*
* @author xiaanming
*
*/
public class WiperSwitch extends View implements OnTouchListener{
private Bitmap bg_on, bg_off, slipper_btn;
/**
* 按下时的x和当前的x
*/
private float downX, nowX;
/**
* 记录用户是否在滑动
*/
private boolean onSlip = false;
/**
* 当前的状态
*/
private boolean nowStatus = false;
/**
* 监听接口
*/
private OnChangedListener listener;
public WiperSwitch(Context context) {
super(context);
init();
}
public WiperSwitch(Context context, AttributeSet attrs) {
super(context, attrs);
init();
}
public void init(){
//载入图片资源
bg_on = BitmapFactory.decodeResource(getResources(), R.drawable.on_btn);
bg_off = BitmapFactory.decodeResource(getResources(), R.drawable.off_btn);
slipper_btn = BitmapFactory.decodeResource(getResources(), R.drawable.white_btn);
setOnTouchListener(this);
}
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
Matrix matrix = new Matrix();
Paint paint = new Paint();
float x = 0;
//根据nowX设置背景,开或者关状态
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() - slipper_btn.getWidth()/2;//减去滑块1/2的长度
else
x = nowX - slipper_btn.getWidth()/2;
}else {
if(nowStatus){//根据当前的状态设置滑块的x值
x = bg_on.getWidth() - slipper_btn.getWidth();
}else{
x = 0;
}
}
//对滑块滑动进行异常处理,不能让滑块出界
if (x < 0 ){
x = 0;
}
else if(x > bg_on.getWidth() - slipper_btn.getWidth()){
x = bg_on.getWidth() - slipper_btn.getWidth();
}
//画出滑块
canvas.drawBitmap(slipper_btn, x , 0, paint);
}
@Override
public boolean onTouch(View v, MotionEvent event) {
switch(event.getAction()){
case MotionEvent.ACTION_DOWN:{
if (event.getX() > bg_off.getWidth() || event.getY() > bg_off.getHeight()){
return false;
}else{
onSlip = true;
downX = event.getX();
nowX = downX;
}
break;
}
case MotionEvent.ACTION_MOVE:{
nowX = event.getX();
break;
}
case MotionEvent.ACTION_UP:{
onSlip = false;
if(event.getX() >= (bg_on.getWidth()/2)){
nowStatus = true;
nowX = bg_on.getWidth() - slipper_btn.getWidth();
}else{
nowStatus = false;
nowX = 0;
}
if(listener != null){
listener.OnChanged(WiperSwitch.this, nowStatus);
}
break;
}
}
//刷新界面
invalidate();
return true;
}
/**
* 为WiperSwitch设置一个监听,供外部调用的方法
* @param listener
*/
public void setOnChangedListener(OnChangedListener listener){
this.listener = listener;
}
/**
* 设置滑动开关的初始状态,供外部调用
* @param checked
*/
public void setChecked(boolean checked){
if(checked){
nowX = bg_off.getWidth();
}else{
nowX = 0;
}
nowStatus = checked;
}
/**
* 回调接口
* @author len
*
*/
public interface OnChangedListener {
public void OnChanged(WiperSwitch wiperSwitch, boolean checkState);
}
}
用法是,先定义XML文件
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<com.example.wiperswitch.WiperSwitch
android:id="@+id/wiperSwitch1"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</RelativeLayout>
新建一个Activity
package com.example.wiperswitch;
import android.app.Activity;
import android.os.Bundle;
import android.util.Log;
import com.example.wiperswitch.WiperSwitch.OnChangedListener;
public class MainActivity extends Activity implements OnChangedListener {
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//实例化WiperSwitch
WiperSwitch wiperSwitch = (WiperSwitch)findViewById(R.id.wiperSwitch1);
//设置初始状态为false
wiperSwitch.setChecked(false);
//设置监听
wiperSwitch.setOnChangedListener(this);
}
@Override
public void OnChanged(WiperSwitch wiperSwitch, boolean checkState) {
Log.e("log", "" + checkState);
}
}
代码全部上完了,写的不好的地方欢迎大牛指点!
哦,忘记了还有三张蹩脚的图片没传
分享到:
相关推荐
Android自定义控件之滑动开关 Android自定义控件之滑动开关 http://blog.csdn.net/eeeduo/article/details/37606567
http://blog.csdn.net/huang86411/article/details/25655069 的配套源码
Android自定义控件之实现滑动选择开关
Android自定义开关按钮(滑动,点击(方法中已经提供,需自我实现))
Android自定义View 滑动开关按钮的实现 ,使用到自定义属性方式,可以下载学习参考。
自定义控件之仿IOS适用于Android的滑动开关
ToggleView自定义开关控件表征上没有跟Android原生的控件有什么相似的地方,而且在滑动的效果上也没有沿袭Android原生的地方,所以我们的自定义ToggleView选择继承View 同样的自定义控件需要复写三个构造方法 //...
Android超炫自定义滑动开关控件,高仿IOS系统,珍藏版!
自定义空间控件,仿微信的滑动开关,主要是知道该自定义控件的原理
iphone上有开关控件,很漂亮,其实android4.0以后也有switch控件,但是只能用在4.0以后的系统中,这就失去了其使用价值,而且我觉得它的界面也不是很好看。最近看到了百度魔拍上面的一个控件,觉得很漂亮啊,然后反...
本文实例讲述了Android开发进阶自定义控件之滑动开关实现方法。分享给大家供大家参考,具体如下: 自定义开关控件 Android自定义控件一般有三种方式 1、继承Android固有的控件,在Android原生控件的基础上,进行...
今天来讲讲自定义单个控件,就拿开关按钮来讲讲,相信大家见了非常多这样的了,先看看效果: 我们可以看到一个很常见的开关按钮,那就来分析分析。 首先: 这是由两张图片构成: ①一张为有开和关的背景图片 ②一张...
当滑动开关时,开关的滑块可跟随手指移动。当手指松开后,滑块根据开关的状态,滑到最右边或者滑到最左边,同时保存开关的状态,将开关的状态回调给调用者。当然,上述功能系统给定的switch控件也可以实现。 实现...
Android自定义的滑动开关是方形的,不够美观,仿苹果滑动开关做的自定义控件,可以修改开关的样式。
1. 写个类继承View, OK > - 2. 拷贝包含包名的全路径到xml中, OK ... 界面中找到该控件, 设置初始信息, OK > - 4. 根据需求绘制界面内容,OK > - 5. 响应用户的触摸事件,OK > - 6. 创建一个状态更新监听.OK
android也有了自己的原生态开关控件,并且在4.0版本中又优化加入了新的类似控件--Switch控件,以及使用起来十分简单的ToggleButton,可是它们只是带有切换效果,而不带有滑动切换效果,并且Switch控件只支持高版本的...
东西网上找的,完美模仿iPhone的滑动开关效果,然后让美工帮我切了图,去掉了一些乱七八糟的东西, 只留下纯控件.有监听,能设置初始值,可复用! 苦点小分.
Android开发仿IOS滑动开关实现代码 Android与iOS相比,ios好多控件都是自带的,而android需要使用自定义来实现。今天说的是ios的滑动开关,我层看到好多博客都是通过自定义ToggleButton实现的。这里我通过自定义view...