仿iOS自定义SwitchButton
2015-07-03 16:57
489 查看
转帖请注明出处:王亟亟的大牛之路
今天干活比较空吧上一个简单的SwitchButton。Ui跟iOS的开关还是蛮像的,先上图
关
开
包目录:
用到的就2个类,话不多说 上代码
FrameAnimationController
SwitchButton
Demo的Activity
实现很简单,没什么技术难点,方便大家用吧
包下载地址 访问密码 bf7c
今天干活比较空吧上一个简单的SwitchButton。Ui跟iOS的开关还是蛮像的,先上图
关
开
包目录:
用到的就2个类,话不多说 上代码
FrameAnimationController
public class FrameAnimationController { private static final int MSG_ANIMATE = 1000; public static final int ANIMATION_FRAME_DURATION = 1000 / 60; private static final Handler mHandler = new AnimationHandler(); private FrameAnimationController() { throw new UnsupportedOperationException(); } public static void requestAnimationFrame(Runnable runnable) { Message message = new Message(); message.what = MSG_ANIMATE; message.obj = runnable; mHandler.sendMessageDelayed(message, ANIMATION_FRAME_DURATION); } public static void requestFrameDelay(Runnable runnable, long delay) { Message message = new Message(); message.what = MSG_ANIMATE; message.obj = runnable; mHandler.sendMessageDelayed(message, delay); } private static class AnimationHandler extends Handler { public void handleMessage(Message m) { switch (m.what) { case MSG_ANIMATE: if (m.obj != null) { ((Runnable) m.obj).run(); } break; } } } }
SwitchButton
public class SwitchButton extends CheckBox { private Paint mPaint; private ViewParent mParent; private Bitmap mBottom; private Bitmap mCurBtnPic; private Bitmap mBtnPressed; private Bitmap mBtnNormal; private Bitmap mFrame; private Bitmap mMask; private RectF mSaveLayerRectF; private PorterDuffXfermode mXfermode; private float mFirstDownY; // 首次按下的Y private float mFirstDownX; // 首次按下的X private float mRealPos; // 图片的绘制位置 private float mBtnPos; // 按钮的位置 private float mBtnOnPos; // 开关打开的位置 private float mBtnOffPos; // 开关关闭的位置 private float mMaskWidth; private float mMaskHeight; private float mBtnWidth; private float mBtnInitPos; private int mClickTimeout; private int mTouchSlop; private final int MAX_ALPHA = 255; private int mAlpha = MAX_ALPHA; private boolean mChecked = false; private boolean mBroadcasting; private boolean mTurningOn; private PerformClick mPerformClick; private OnCheckedChangeListener mOnCheckedChangeListener; private OnCheckedChangeListener mOnCheckedChangeWidgetListener; private boolean mAnimating; private final float VELOCITY = 350; private float mVelocity; private final float EXTENDED_OFFSET_Y = 15; private float mExtendOffsetY; // Y轴方向扩大的区域,增大点击区域 private float mAnimationPosition; private float mAnimatedVelocity; public SwitchButton(Context context, AttributeSet attrs) { this(context, attrs, android.R.attr.checkboxStyle); } public SwitchButton(Context context) { this(context, null); } public SwitchButton(Context context, AttributeSet attrs, int defStyle) { super(context, attrs, defStyle); initView(context); } private void initView(Context context) { mPaint = new Paint(); mPaint.setColor(Color.WHITE); Resources resources = context.getResources(); // get viewConfiguration mClickTimeout = ViewConfiguration.getPressedStateDuration() + ViewConfiguration.getTapTimeout(); mTouchSlop = ViewConfiguration.get(context).getScaledTouchSlop(); // get Bitmap mBottom = BitmapFactory.decodeResource(resources, R.drawable.bottom); mBtnPressed = BitmapFactory.decodeResource(resources, R.drawable.btn_pressed); mBtnNormal = BitmapFactory.decodeResource(resources, R.drawable.btn_unpressed); mFrame = BitmapFactory.decodeResource(resources, R.drawable.frame); mMask = BitmapFactory.decodeResource(resources, R.drawable.mask); mCurBtnPic = mBtnNormal; mBtnWidth = mBtnPressed.getWidth(); mMaskWidth = mMask.getWidth(); mMaskHeight = mMask.getHeight(); mBtnOffPos = mBtnWidth / 2; mBtnOnPos = mMaskWidth - mBtnWidth / 2; mBtnPos = mChecked ? mBtnOnPos : mBtnOffPos; mRealPos = getRealPos(mBtnPos); final float density = getResources().getDisplayMetrics().density; mVelocity = (int) (VELOCITY * density + 0.5f); mExtendOffsetY = (int) (EXTENDED_OFFSET_Y * density + 0.5f); mSaveLayerRectF = new RectF(0, mExtendOffsetY, mMask.getWidth(), mMask.getHeight() + mExtendOffsetY); mXfermode = new PorterDuffXfermode(PorterDuff.Mode.SRC_IN); } @Override public void setEnabled(boolean enabled) { mAlpha = enabled ? MAX_ALPHA : MAX_ALPHA / 2; super.setEnabled(enabled); } public boolean isChecked() { return mChecked; } public void toggle() { setChecked(!mChecked); } /** * 内部调用此方法设置checked状态,此方法会延迟执行各种回调函数,保证动画的流畅度 * * @param checked */ private void setCheckedDelayed(final boolean checked) { this.postDelayed(new Runnable() { @Override public void run() { setChecked(checked); } }, 10); } /** * <p> * Changes the checked state of this button. * </p> * * @param checked true to check the button, false to uncheck it */ public void setChecked(boolean checked) { if (mChecked != checked) { mChecked = checked; mBtnPos = checked ? mBtnOnPos : mBtnOffPos; mRealPos = getRealPos(mBtnPos); invalidate(); // Avoid infinite recursions if setChecked() is called from a // listener if (mBroadcasting) { return; } mBroadcasting = true; if (mOnCheckedChangeListener != null) { mOnCheckedChangeListener.onCheckedChanged(SwitchButton.this, mChecked); } if (mOnCheckedChangeWidgetListener != null) { mOnCheckedChangeWidgetListener.onCheckedChanged(SwitchButton.this, mChecked); } mBroadcasting = false; } } /** * Register a callback to be invoked when the checked state of this button * changes. * * @param listener the callback to call on checked state change */ public void setOnCheckedChangeListener(OnCheckedChangeListener listener) { mOnCheckedChangeListener = listener; } /** * Register a callback to be invoked when the checked state of this button * changes. This callback is used for internal purpose only. * * @param listener the callback to call on checked state change * @hide */ void setOnCheckedChangeWidgetListener(OnCheckedChangeListener listener) { mOnCheckedChangeWidgetListener = listener; } @Override public boolean onTouchEvent(MotionEvent event) { int action = event.getAction(); float x = event.getX(); float y = event.getY(); float deltaX = Math.abs(x - mFirstDownX); float deltaY = Math.abs(y - mFirstDownY); switch (action) { case MotionEvent.ACTION_DOWN: attemptClaimDrag(); mFirstDownX = x; mFirstDownY = y; mCurBtnPic = mBtnPressed; mBtnInitPos = mChecked ? mBtnOnPos : mBtnOffPos; break; case MotionEvent.ACTION_MOVE: float time = event.getEventTime() - event.getDownTime(); mBtnPos = mBtnInitPos + event.getX() - mFirstDownX; if (mBtnPos >= mBtnOffPos) { mBtnPos = mBtnOffPos; } if (mBtnPos <= mBtnOnPos) { mBtnPos = mBtnOnPos; } mTurningOn = mBtnPos > (mBtnOffPos - mBtnOnPos) / 2 + mBtnOnPos; mRealPos = getRealPos(mBtnPos); break; case MotionEvent.ACTION_UP: mCurBtnPic = mBtnNormal; time = event.getEventTime() - event.getDownTime(); if (deltaY < mTouchSlop && deltaX < mTouchSlop && time < mClickTimeout) { if (mPerformClick == null) { mPerformClick = new PerformClick(); } if (!post(mPerformClick)) { performClick(); } } else { startAnimation(!mTurningOn); } break; } invalidate(); return isEnabled(); } private final class PerformClick implements Runnable { public void run() { performClick(); } } @Override public boolean performClick() { startAnimation(!mChecked); return true; } /** * Tries to claim the user's drag motion, and requests disallowing any * ancestors from stealing events in the drag. */ private void attemptClaimDrag() { mParent = getParent(); if (mParent != null) { mParent.requestDisallowInterceptTouchEvent(true); } } /** * 将btnPos转换成RealPos * * @param btnPos * @return */ private float getRealPos(float btnPos) { return btnPos - mBtnWidth / 2; } @Override protected void onDraw(Canvas canvas) { canvas.saveLayerAlpha(mSaveLayerRectF, mAlpha, Canvas.MATRIX_S***E_FLAG | Canvas.CLIP_S***E_FLAG | Canvas.HAS_ALPHA_LAYER_S***E_FLAG | Canvas.FULL_COLOR_LAYER_S***E_FLAG | Canvas.CLIP_TO_LAYER_S***E_FLAG); // 绘制蒙板 canvas.drawBitmap(mMask, 0, mExtendOffsetY, mPaint); mPaint.setXfermode(mXfermode); // 绘制底部图片 canvas.drawBitmap(mBottom, mRealPos, mExtendOffsetY, mPaint); mPaint.setXfermode(null); // 绘制边框 canvas.drawBitmap(mFrame, 0, mExtendOffsetY, mPaint); // 绘制按钮 canvas.drawBitmap(mCurBtnPic, mRealPos, mExtendOffsetY, mPaint); canvas.restore(); } @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { setMeasuredDimension((int) mMaskWidth, (int) (mMaskHeight + 2 * mExtendOffsetY)); } private void startAnimation(boolean turnOn) { mAnimating = true; mAnimatedVelocity = turnOn ? -mVelocity : mVelocity; mAnimationPosition = mBtnPos; new SwitchAnimation().run(); } private void stopAnimation() { mAnimating = false; } private final class SwitchAnimation implements Runnable { @Override public void run() { if (!mAnimating) { return; } doAnimation(); FrameAnimationController.requestAnimationFrame(this); } } private void doAnimation() { mAnimationPosition += mAnimatedVelocity * FrameAnimationController.ANIMATION_FRAME_DURATION / 1000; if (mAnimationPosition <= mBtnOnPos) { stopAnimation(); mAnimationPosition = mBtnOnPos; setCheckedDelayed(true); } else if (mAnimationPosition >= mBtnOffPos) { stopAnimation(); mAnimationPosition = mBtnOffPos; setCheckedDelayed(false); } moveView(mAnimationPosition); } private void moveView(float position) { mBtnPos = position; mRealPos = getRealPos(mBtnPos); invalidate(); } }
Demo的Activity
public class MainActivity extends Activity { private SwitchButton switchbutton; private TextView title; private int state = 1; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); title = (TextView) findViewById(R.id.title); switchbutton = (SwitchButton) findViewById(R.id.switchbutton); switchbutton.setOnCheckedChangeListener(new OnCheckedChangeListener() { @Override public void onCheckedChanged(CompoundButton arg0, boolean flag) { // TODO Auto-generated method stub if (flag) { title.setText("开"); } else { title.setText("关"); } } }); if (state == 0) { switchbutton.setChecked(false); title.setText("关"); }else{ switchbutton.setChecked(true); title.setText("开"); } } }
实现很简单,没什么技术难点,方便大家用吧
包下载地址 访问密码 bf7c
相关文章推荐
- 关于IOS的多任务以及内存管理
- iOS编程 CALayer 自定义层对象并添加 第二种方法
- 浅析iOS程序设计模式(基于MVC)
- iOS编程 CALayer 自定义层对象并添加
- iOS 9 适配系列教程
- ios高德地图提醒打开定位功能
- AudioServicesPlaySystemSound(1108);系统声音
- iOS编程 CALayer
- 一步一步教你做ios推送
- iOS开发属性与成员变量的区别
- IOS 序列化与反序列化
- IOS中的基础动画CABasicAnimation的运用指南
- ios开发,让界面只响应单个点击事件
- 联想Win7笔记本通过BIOS禁止开机声音步骤
- archive的时候报“ no identity found"错误 解决方案
- iOS 9 适配系列教程
- iOS圆形按钮
- ipad 升级iOS8
- iOSKVC KVO 添加观察者 --销毁的时候要删除观察者
- Win8系统进不了BIOS无法对BIOS进行修改怎么办