<com.example.test.SwitchButton android:id="@+id/wiperSwitch1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="100dip" />
public class MainActivity extends Activity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); SwitchButton sb = (SwitchButton) findViewById(R.id.wiperSwitch1); sb.setOnChangeListener(new OnChangeListener() { @Override public void onChange(SwitchButton sb, boolean state) { // TODO Auto-generated method stub Log.d("switchButton", state ? "开":"关"); Toast.makeText(MainActivity.this, state ? "开":"关", Toast.LENGTH_SHORT).show(); } }); } }
switch 自定义SwitchButton.java
package com.example.test; import android.content.Context; import android.graphics.Bitmap; import android.graphics.BitmapFactory; import android.graphics.Canvas; import android.graphics.Paint; import android.graphics.PorterDuff.Mode; import android.graphics.PorterDuffXfermode; import android.graphics.Rect; import android.graphics.RectF; import android.util.AttributeSet; import android.view.MotionEvent; import android.view.View; public class SwitchButton extends View implements android.view.View.OnClickListener{ private Bitmap mSwitchBottom, mSwitchThumb, mSwitchFrame, mSwitchMask; private float mCurrentX = 0; private boolean mSwitchOn = true;//开关默认是开着的 private int mMoveLength;//最大移动距离 private float mLastX = 0;//第一次按下的有效区域 private Rect mDest = null;//绘制的目标区域大小 private Rect mSrc = null;//截取源图片的大小 private int mDeltX = 0;//移动的偏移量 private Paint mPaint = null; private OnChangeListener mListener = null; private boolean mFlag = false; public SwitchButton(Context context) { this(context, null); // TODO Auto-generated constructor stub } public SwitchButton(Context context, AttributeSet attrs) { this(context, attrs, 0); // TODO Auto-generated constructor stub } public SwitchButton(Context context, AttributeSet attrs, int defStyle) { super(context, attrs, defStyle); // TODO Auto-generated constructor stub init(); } /** * 初始化相关资源 */ public void init() { mSwitchBottom = BitmapFactory.decodeResource(getResources(), R.drawable.switch_bottom); mSwitchThumb = BitmapFactory.decodeResource(getResources(), R.drawable.switch_btn_pressed); mSwitchFrame = BitmapFactory.decodeResource(getResources(), R.drawable.switch_frame); mSwitchMask = BitmapFactory.decodeResource(getResources(), R.drawable.switch_mask); setOnClickListener(this); setOnTouchListener(new OnTouchListener() { @Override public boolean onTouch(View v, MotionEvent event) { // TODO Auto-generated method stub return false; } }); mMoveLength = mSwitchBottom.getWidth() - mSwitchFrame.getWidth(); mDest = new Rect(0, 0, mSwitchFrame.getWidth(), mSwitchFrame.getHeight()); mSrc = new Rect(); mPaint = new Paint(); mPaint.setAntiAlias(true); mPaint.setAlpha(255); mPaint.setXfermode(new PorterDuffXfermode(Mode.DST_IN)); } @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { // TODO Auto-generated method stub setMeasuredDimension(mSwitchFrame.getWidth(), mSwitchFrame.getHeight()); } @Override protected void onDraw(Canvas canvas) { // TODO Auto-generated method stub super.onDraw(canvas); if (mDeltX > 0 || mDeltX == 0 && mSwitchOn) { if(mSrc != null) { mSrc.set(mMoveLength - mDeltX, 0, mSwitchBottom.getWidth() - mDeltX, mSwitchFrame.getHeight()); } } else if(mDeltX < 0 || mDeltX == 0 && !mSwitchOn){ if(mSrc != null) { mSrc.set(-mDeltX, 0, mSwitchFrame.getWidth() - mDeltX, mSwitchFrame.getHeight()); } } //这儿是离屏缓冲,自己感觉类似双缓冲机制吧 int count = canvas.saveLayer(new RectF(mDest), null, Canvas.MATRIX_SAVE_FLAG | Canvas.CLIP_SAVE_FLAG | Canvas.HAS_ALPHA_LAYER_SAVE_FLAG | Canvas.FULL_COLOR_LAYER_SAVE_FLAG | Canvas.CLIP_TO_LAYER_SAVE_FLAG); canvas.drawBitmap(mSwitchBottom, mSrc, mDest, null); canvas.drawBitmap(mSwitchThumb, mSrc, mDest, null); canvas.drawBitmap(mSwitchFrame, 0, 0, null); canvas.drawBitmap(mSwitchMask, 0, 0, mPaint); canvas.restoreToCount(count); } @Override public boolean onTouchEvent(MotionEvent event) { // TODO Auto-generated method stub switch (event.getAction()) { case MotionEvent.ACTION_DOWN: mLastX = event.getX(); break; case MotionEvent.ACTION_MOVE: mCurrentX = event.getX(); mDeltX = (int) (mCurrentX - mLastX); // 如果开关开着向左滑动,或者开关关着向右滑动(这时候是不需要处理的) if ((mSwitchOn && mDeltX < 0) || (!mSwitchOn && mDeltX > 0)) { mFlag = true; mDeltX = 0; } if (Math.abs(mDeltX) > mMoveLength) { mDeltX = mDeltX > 0 ? mMoveLength : - mMoveLength; } invalidate(); return true; case MotionEvent.ACTION_UP: if (Math.abs(mDeltX) > 0 && Math.abs(mDeltX) < mMoveLength / 2) { mDeltX = 0; invalidate(); return true; } else if (Math.abs(mDeltX) > mMoveLength / 2 && Math.abs(mDeltX) <= mMoveLength) { mDeltX = mDeltX > 0 ? mMoveLength : -mMoveLength; mSwitchOn = !mSwitchOn; if(mListener != null) { mListener.onChange(this, mSwitchOn); } invalidate(); mDeltX = 0; return true; } else if(mDeltX == 0 && mFlag) { //这时候得到的是不需要进行处理的,因为已经move过了 mDeltX = 0; mFlag = false; return true; } return super.onTouchEvent(event); default: break; } invalidate(); return super.onTouchEvent(event); } public void setOnChangeListener(OnChangeListener listener) { mListener = listener; } public interface OnChangeListener { public void onChange(SwitchButton sb, boolean state); } @Override public void onClick(View v) { // TODO Auto-generated method stub mDeltX = mSwitchOn ? mMoveLength : -mMoveLength; mSwitchOn = !mSwitchOn; if(mListener != null) { mListener.onChange(this, mSwitchOn); } invalidate(); mDeltX = 0; } }
相关推荐
FABRICL2Switch自定义流表 流表下发操作
自定义switch控件源码,支持文字、图标形式的开关
Android Switch控件自定义,通过修改switch控件的thumb和track属性,实现自己想要的效果
WXCustomSwitch 微信小程序自定义 Switch 组件模板,微信小程序模板导入即可使用
自定义的Switch控件,全版本通用。
在本教程中,我会演示如何定制Switch控件,添加单击监听器,使用Switch去控制媒体声音和wifi设备。
一套完整的自定义的qmlGUI控件,功能强大完全可以拿去开发项目而不用重复造轮子。包括Button,Calendar,CheckBox,ComboBox,CtrlDialog,DateEdit,DatePicker,Dialog,FileDialog,ImageButton,Label,LineEdit...
修改官方Switch控件的自定义Switch,支持所有SDK,修改后的MySwitch控件接口基本与原Switch控件一致,并且除了可支持所有SDK外,增加了2项小功能: 1. 支持用Track背景图片的方式代替Texton Textoff等文字方式表现...
自定义View public class Seniorswitch extends Switch { /** * 监听是否存在动作 */ private boolean IF_EVENT_MOVE = false; /** * 监听滑动时间 */ private long MOVE_TIME = -1; public Seniorswitch...
今天小编就为大家分享一篇vue自定义switch开关组件,实现样式可自行更改,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
flutter_switch 为Flutter创建的易于实现的自定义开关。 为它提供自定义的高度和宽度,开关和切换框的边框,边框半径,颜色,切换框大小,显示“打开”和“关闭”文本的选项,并能够在切换框内添加图标。 演示版 ...
一个自定义的控件Switch
NX自定义游戏图标任何主题的默认图标-与@ p-sam的关于该详细信息更新: @ Hotshotz79一直在努力开发一个应用程序,以加快将自定义图标添加到您的交换机的整个过程,他已经将该存储库包含在应用程序中,这使得所有...
android自定义switch,在4.0以上能用。可继续优化修改,仅供参考!
基于android的Switch控件自定义,自己可以根据自己的爱好随意设置颜色和背景
微信左右拨的小开关组件用法,可自定义颜色的微信小程序自定义 Switch 开关组件模板,用于程序参数设置,打开或关闭某项功能,现在这种开关在手机中比较常见了,这个例子挺简单,好用易懂,样子也很漂亮,开关效果如...
一个简单的自定义iphone Switch Demo 可以修改iphone switch的颜色
安卓 android 自定义 switch button,滑动开关,绝对漂亮美观
东西网上找的,完美模仿iPhone的滑动开关效果,然后让美工帮我切了图,去掉了一些乱七八糟的东西, 只留下纯控件.有监听,能设置初始值,可复用! 苦点小分.
自定义的Switch,仿照苹果做的,代码可以直接下载拿去用,主要的已经封装好了,将里面的三张图片替换可以显示其他的效果