android仿苹果SwitchButton效果的实现

1.新建一个类，类名就是SwitchButton

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;
import android.view.View.OnClickListener;public class SwitchButton extends View implements 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 stubinit();}/*** 初始化相关资源*/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() {@Overridepublic boolean onTouch(View v, MotionEvent event) {// TODO Auto-generated method stubreturn 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));}@Overrideprotected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {// TODO Auto-generated method stubsetMeasuredDimension(mSwitchFrame.getWidth(), mSwitchFrame.getHeight());}@Overrideprotected void onDraw(Canvas canvas) {// TODO Auto-generated method stubsuper.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);}@Overridepublic boolean onTouchEvent(MotionEvent event) {// TODO Auto-generated method stubswitch (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);}@Overridepublic void onClick(View v) {// TODO Auto-generated method stubmDeltX = mSwitchOn ? mMoveLength : -mMoveLength;mSwitchOn = !mSwitchOn;if(mListener != null) {mListener.onChange(this, mSwitchOn);}invalidate();mDeltX = 0;}
}

2.测试是否好用

import com.example.switchbutton.SwitchButton.OnChangeListener;import android.app.Activity;
import android.os.Bundle;
import android.util.Log;
import android.view.Menu;
import android.widget.Toast;public class MainActivity extends Activity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);SwitchButton sb = (SwitchButton) findViewById(R.id.wiperSwitch1);sb.setOnChangeListener(new OnChangeListener() {@Overridepublic void onChange(SwitchButton sb, boolean state) {// TODO Auto-generated method stubLog.d("switchButton", state ? "开":"关");Toast.makeText(MainActivity.this, state ? "开":"关", Toast.LENGTH_SHORT).show();}});}@Overridepublic boolean onCreateOptionsMenu(Menu menu) {// Inflate the menu; this adds items to the action bar if it is present.getMenuInflater().inflate(R.menu.main, menu);return true;}

<LinearLayout 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"android:orientation="vertical"android:paddingBottom="@dimen/activity_vertical_margin"android:paddingLeft="@dimen/activity_horizontal_margin"android:paddingRight="@dimen/activity_horizontal_margin"android:paddingTop="@dimen/activity_vertical_margin" ><ImageView
        android:id="@+id/imageView"android:layout_width="wrap_content"android:layout_height="wrap_content" /><com.example.switchbutton.SwitchButton
        android:id="@+id/wiperSwitch1"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginLeft="100dip" />
</LinearLayout>

本文转载自csdn
原作者swust_chenpeng

原文地址：http://blog.csdn.net/swust_chenpeng/article/details/19967501

注：
白色圆点:switch_btn_pressed;
左白右红的长条:switch_bottom;
无色长条:switch_frame;
黑色长条:switch_mask.

android仿苹果SwitchButton效果的实现相关推荐

android 按钮回弹效果,Android仿IOS回弹效果支持任何控件
本文实例为大家分享了Android仿IOS回弹效果的具体代码,供大家参考,具体内容如下效果图: 导入依赖: dependencies { // ... compile 'me.everything: ...
android高仿小米时钟,Android小米时钟 Android仿小米时钟效果
想了解Android仿小米时钟效果的相关内容吗,jane_dxj在本文为您仔细讲解Android小米时钟的相关知识和一些Code实例,欢迎阅读和指正,我们先划重点:Android,时钟,下面大家一起来 ...
android 布局回弹,Android仿IOS回弹效果支持任何控件
本文实例为大家分享了Android仿IOS回弹效果的具体代码,供大家参考,具体内容如下效果图: 导入依赖: dependencies { // ... compile 'me.everything: ...
android仿iphone页面,Android仿苹果关机界面实现代码
本文实例为大家分享了Android仿苹果关机界面的具体代码,供大家参考,具体内容如下主class 用来控制viewdialog的显示 package com.android.server.polic ...
android 仿ios动画效果代码,Android仿IOS上拉下拉弹性效果的实例代码
用过iphone的朋友相信都体验过页面上拉下拉有一个弹性的效果,使用起来用户体验很好:Android并没有给我们封装这样一个效果,我们来看下在Android里如何实现这个效果.先看效果,感觉有些时候还 ...
android 苹果菜单栏,android仿iphone主题效果的主菜单
现在很多第三方Launcher((如360Launcher,GoLauncher)带有iphone主题,相信玩Android的人大都知道. 本例实现仿iphone主题的launcher的冰山一角.如下 ...
android 仿iphone多任务管理效果,别羡慕苹果了，安卓悬浮神器比 iPhone 好用太多！...
原标题:别羡慕苹果了,安卓悬浮神器比 iPhone 好用太多! 都 2021 年了,你还不知道安卓悬浮球是款神器? 就在不久前,小黑被友人如此嘲讽.作为一名经常接触数码科技的资深搞机党,小黑一直对悬浮 ...
android 仿苹果小组件,安卓仿ios14桌面小部件
安卓仿ios14桌面小部件,是一个可以让安卓手机的界面看起来像苹果界面的软件,功能非常强大,它可以提供多种不同主题的壁纸桌面,随心选择,设置后的效果还是非常不错的,很有高级感,操作简单,上手也很快. ...
android仿抽屉动画效果,Android之仿哔哩哔哩客户端首页+抽屉式导航
本文使用Toobar+DrawerLayout+NavigationView仿哔哩哔哩客户端首页+抽屉式导航,同时实现了沉浸式状态栏的效果. 一.效果图图片及图标色彩等没有刻意模仿,结构相同. 上图 ...

android仿苹果SwitchButton效果的实现

android仿苹果SwitchButton效果的实现相关推荐

最新文章

热门文章