热门标签 | HotTags
当前位置:  开发笔记 > Android > 正文

android自定义开关控件-SlideSwitch的实例

本篇文章主要介绍了android自定义开关控件-SlideSwitch的实例,实现了手机控件开关的功能,感兴趣的小伙伴们可以参考一下。

iphone上有开关控件,很漂亮,其实android4.0以后也有switch控件,但是只能用在4.0以后的系统中,这就失去了其使用价值,而且我觉得它的界面也不是很好看。最近看到了百度魔拍上面的一个控件,觉得很漂亮啊,然后反编译了下,尽管没有混淆过,但是还是不好读,然后就按照自己的想法写了个,功能和百度魔拍类似。

下面是百度魔拍的效果和SlideSwitch的效果

一、原理

继承自view类,override其onDraw函数,把两个背景图(一个灰的一个红的)和一个开关图(圆开关)通过canvas画出来;同时override其onTouchEvent函数,实现滑动效果;最后开启一个线程做动画,实现缓慢滑动的效果。

二、代码

SlideSwitch.java

package com.example.hellojni; 
 
import android.content.Context; 
import android.content.res.Resources; 
import android.graphics.Bitmap; 
import android.graphics.BitmapFactory; 
import android.graphics.Canvas; 
import android.graphics.Color; 
import android.graphics.Paint; 
import android.graphics.Rect; 
import android.graphics.Typeface; 
import android.util.AttributeSet; 
import android.util.Log; 
import android.view.MotionEvent; 
import android.view.View; 
import android.view.ViewGroup.LayoutParams; 
 
/** 
 * SlideSwitch 仿iphone滑动开关组件,仿百度魔图滑动开关组件 
 * 组件分为三种状态:打开、关闭、正在滑动
* 使用方法: *
SlideSwitch slideSwitch = new SlideSwitch(this); 
 *slideSwitch.setOnSwitchChangedListener(onSwitchChangedListener); 
 *linearLayout.addView(slideSwitch); 
注:也可以加载在xml里面使用 * @author scott * */ public class SlideSwitch extends View { public static final String TAG = "SlideSwitch"; public static final int SWITCH_OFF = 0;//关闭状态 public static final int SWITCH_ON = 1;//打开状态 public static final int SWITCH_SCROLING = 2;//滚动状态 //用于显示的文本 private String mOnText= "打开"; private String mOffText = "关闭"; private int mSwitchStatus = SWITCH_OFF; private boolean mHasScrolled = false;//表示是否发生过滚动 private int mSrcX = 0, mDstX = 0; private int mBmpWidth = 0; private int mBmpHeight = 0; private int mThumbWidth = 0; private Paint mPaint = new Paint(Paint.ANTI_ALIAS_FLAG); private OnSwitchChangedListener mOnSwitchChangedListener= null; //开关状态图 Bitmap mSwitch_off, mSwitch_on, mSwitch_thumb; public SlideSwitch(Context context) { this(context, null); } public SlideSwitch(Context context, AttributeSet attrs) { super(context, attrs); init(); } public SlideSwitch(Context context, AttributeSet attrs, int defStyle) { super(context, attrs, defStyle); init(); } //初始化三幅图片 private void init() { Resources res = getResources(); mSwitch_off = BitmapFactory.decodeResource(res, R.drawable.bg_switch_off); mSwitch_on = BitmapFactory.decodeResource(res, R.drawable.bg_switch_on); mSwitch_thumb = BitmapFactory.decodeResource(res, R.drawable.switch_thumb); mBmpWidth = mSwitch_on.getWidth(); mBmpHeight = mSwitch_on.getHeight(); mThumbWidth = mSwitch_thumb.getWidth(); } @Override public void setLayoutParams(LayoutParams params) { params.width = mBmpWidth; params.height = mBmpHeight; super.setLayoutParams(params); } /** * 为开关控件设置状态改变监听函数 * @param onSwitchChangedListener 参见 {@link OnSwitchChangedListener} */ public void setOnSwitchChangedListener(OnSwitchChangedListener onSwitchChangedListener) { mOnSwitchChangedListener= onSwitchChangedListener; } /** * 设置开关上面的文本 * @param onText 控件打开时要显示的文本 * @param offText 控件关闭时要显示的文本 */ public void setText(final String onText, final String offText) { mOnText= onText; mOffText =offText; invalidate(); } /** * 设置开关的状态 * @param on 是否打开开关 打开为true 关闭为false */ public void setStatus(boolean on) { mSwitchStatus = ( on ? SWITCH_ON : SWITCH_OFF); } @Override public boolean onTouchEvent(MotionEvent event) { int action = event.getAction(); Log.d(TAG, "onTouchEvent x=" + event.getX()); switch (action) { case MotionEvent.ACTION_DOWN: mSrcX = (int) event.getX(); break; case MotionEvent.ACTION_MOVE: mDstX = Math.max( (int) event.getX(), 10); mDstX = Math.min( mDstX, 62); if(mSrcX == mDstX) return true; mHasScrolled = true; AnimationTransRunnable aTransRunnable = new AnimationTransRunnable(mSrcX, mDstX, 0); new Thread(aTransRunnable).start(); mSrcX = mDstX; break; case MotionEvent.ACTION_UP: if(mHasScrolled == false)//如果没有发生过滑动,就意味着这是一次单击过程 { mSwitchStatus = Math.abs(mSwitchStatus-1); int xFrom = 10, xTo = 62; if(mSwitchStatus == SWITCH_OFF) { xFrom = 62; xTo = 10; } AnimationTransRunnable runnable = new AnimationTransRunnable(xFrom, xTo, 1); new Thread(runnable).start(); } else { invalidate(); mHasScrolled = false; } //状态改变的时候 回调事件函数 if(mOnSwitchChangedListener != null) { mOnSwitchChangedListener.onSwitchChanged(this, mSwitchStatus); } break; default: break; } return true; } @Override protected void onSizeChanged(int w, int h, int oldw, int oldh) { super.onSizeChanged(w, h, oldw, oldh); } @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); //绘图的时候 内部用到了一些数值的硬编码,其实不太好, //主要是考虑到图片的原因,图片周围有透明边界,所以要有一定的偏移 //硬编码的数值只要看懂了代码,其实可以理解其含义,可以做相应改进。 mPaint.setTextSize(14); mPaint.setTypeface(Typeface.DEFAULT_BOLD); if(mSwitchStatus == SWITCH_OFF) { drawBitmap(canvas, null, null, mSwitch_off); drawBitmap(canvas, null, null, mSwitch_thumb); mPaint.setColor(Color.rgb(105, 105, 105)); canvas.translate(mSwitch_thumb.getWidth(), 0); canvas.drawText(mOffText, 0, 20, mPaint); } else if(mSwitchStatus == SWITCH_ON) { drawBitmap(canvas, null, null, mSwitch_on); int count = canvas.save(); canvas.translate(mSwitch_on.getWidth() - mSwitch_thumb.getWidth(), 0); drawBitmap(canvas, null, null, mSwitch_thumb); mPaint.setColor(Color.WHITE); canvas.restoreToCount(count); canvas.drawText(mOnText, 17, 20, mPaint); } else //SWITCH_SCROLING { mSwitchStatus = mDstX > 35 ? SWITCH_ON : SWITCH_OFF; drawBitmap(canvas, new Rect(0, 0, mDstX, mBmpHeight), new Rect(0, 0, (int)mDstX, mBmpHeight), mSwitch_on); mPaint.setColor(Color.WHITE); canvas.drawText(mOnText, 17, 20, mPaint); int count = canvas.save(); canvas.translate(mDstX, 0); drawBitmap(canvas, new Rect(mDstX, 0, mBmpWidth, mBmpHeight), new Rect(0, 0, mBmpWidth - mDstX, mBmpHeight), mSwitch_off); canvas.restoreToCount(count); count = canvas.save(); canvas.clipRect(mDstX, 0, mBmpWidth, mBmpHeight); canvas.translate(mThumbWidth, 0); mPaint.setColor(Color.rgb(105, 105, 105)); canvas.drawText(mOffText, 0, 20, mPaint); canvas.restoreToCount(count); count = canvas.save(); canvas.translate(mDstX - mThumbWidth / 2, 0); drawBitmap(canvas, null, null, mSwitch_thumb); canvas.restoreToCount(count); } } public void drawBitmap(Canvas canvas, Rect src, Rect dst, Bitmap bitmap) { dst = (dst == null ? new Rect(0, 0, bitmap.getWidth(), bitmap.getHeight()) : dst); Paint paint = new Paint(); canvas.drawBitmap(bitmap, src, dst, paint); } /** * AnimationTransRunnable 做滑动动画所使用的线程 */ private class AnimationTransRunnable implements Runnable { private int srcX, dstX; private int duration; /** * 滑动动画 * @param srcX 滑动起始点 * @param dstX 滑动终止点 * @param duration 是否采用动画,1采用,0不采用 */ public AnimationTransRunnable(float srcX, float dstX, final int duration) { this.srcX = (int)srcX; this.dstX = (int)dstX; this.duration = duration; } @Override public void run() { final int patch = (dstX > srcX ? 5 : -5); if(duration == 0) { SlideSwitch.this.mSwitchStatus = SWITCH_SCROLING; SlideSwitch.this.postInvalidate(); } else { Log.d(TAG, "start Animation: [ " + srcX + " , " + dstX + " ]"); int x = srcX + patch; while (Math.abs(x-dstX) > 5) { mDstX = x; SlideSwitch.this.mSwitchStatus = SWITCH_SCROLING; SlideSwitch.this.postInvalidate(); x += patch; try { Thread.sleep(10); } catch (InterruptedException e) { e.printStackTrace(); } } mDstX = dstX; SlideSwitch.this.mSwitchStatus = mDstX > 35 ? SWITCH_ON : SWITCH_OFF; SlideSwitch.this.postInvalidate(); } } } public static interface OnSwitchChangedListener { /** * 状态改变 回调函数 * @param status SWITCH_ON表示打开 SWITCH_OFF表示关闭 */ public abstract void onSwitchChanged(SlideSwitch obj, int status); } }

layout xml

<&#63;xml version="1.0" encoding="utf-8"&#63;> 
 
 
   
 
   
 
     
 
     
   
 
   
 
     
 
     
   
 
   
 
     
 
     
   
 
   
 
 

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。


推荐阅读
  • Android 九宫格布局详解及实现:人人网应用示例
    本文深入探讨了人人网Android应用中独特的九宫格布局设计,解析其背后的GridView实现原理,并提供详细的代码示例。这种布局方式不仅美观大方,而且在现代Android应用中较为少见,值得开发者借鉴。 ... [详细]
  • 优化ListView性能
    本文深入探讨了如何通过多种技术手段优化ListView的性能,包括视图复用、ViewHolder模式、分批加载数据、图片优化及内存管理等。这些方法能够显著提升应用的响应速度和用户体验。 ... [详细]
  • 深入理解Cookie与Session会话管理
    本文详细介绍了如何通过HTTP响应和请求处理浏览器的Cookie信息,以及如何创建、设置和管理Cookie。同时探讨了会话跟踪技术中的Session机制,解释其原理及应用场景。 ... [详细]
  • Python自动化处理:从Word文档提取内容并生成带水印的PDF
    本文介绍如何利用Python实现从特定网站下载Word文档,去除水印并添加自定义水印,最终将文档转换为PDF格式。该方法适用于批量处理和自动化需求。 ... [详细]
  • 360SRC安全应急响应:从漏洞提交到修复的全过程
    本文详细介绍了360SRC平台处理一起关键安全事件的过程,涵盖从漏洞提交、验证、排查到最终修复的各个环节。通过这一案例,展示了360在安全应急响应方面的专业能力和严谨态度。 ... [详细]
  • Android LED 数字字体的应用与实现
    本文介绍了一种适用于 Android 应用的 LED 数字字体(digital font),并详细描述了其在 UI 设计中的应用场景及其实现方法。这种字体常用于视频、广告倒计时等场景,能够增强视觉效果。 ... [详细]
  • RecyclerView初步学习(一)
    RecyclerView初步学习(一)ReCyclerView提供了一种插件式的编程模式,除了提供ViewHolder缓存模式,还可以自定义动画,分割符,布局样式,相比于传统的ListVi ... [详细]
  • 在维护公司项目时,发现按下手机的某个物理按键后会激活相应的服务,并在屏幕上模拟点击特定坐标点。本文详细介绍了如何使用ADB Shell Input命令来模拟各种输入事件,包括滑动、按键和点击等。 ... [详细]
  • 解决JAX-WS动态客户端工厂弃用问题并迁移到XFire
    在处理Java项目中的JAR包冲突时,我们遇到了JaxWsDynamicClientFactory被弃用的问题,并成功将其迁移到org.codehaus.xfire.client。本文详细介绍了这一过程及解决方案。 ... [详细]
  • 本文探讨了如何在 PHP 的 Eloquent ORM 中实现数据表之间的关联查询,并通过具体示例详细解释了如何将关联数据嵌入到查询结果中。这不仅提高了数据查询的效率,还简化了代码逻辑。 ... [详细]
  • 本文介绍如何使用布局文件在Android应用中排列多行TextView和Button,使其占据屏幕的特定比例,并提供示例代码以帮助理解和实现。 ... [详细]
  • 百度搜索结果链接提取工具 UrlGetter V1.43
    该工具专为获取百度搜索引擎的结果页面中的网址链接而设计,能够解析并转换为原始URL。通过正则表达式匹配技术,精准提取网页链接,并提供详细的使用说明和下载资源。 ... [详细]
  • 本文介绍了多个关于JavaScript的书籍资源、实用工具和编程实例,涵盖从入门到进阶的各个阶段,帮助读者全面提升JavaScript编程能力。 ... [详细]
  • 本文介绍了Android开发中Intent的基本概念及其在不同Activity之间的数据传递方式,详细展示了如何通过Intent实现Activity间的跳转和数据传输。 ... [详细]
  • 本文详细介绍超文本标记语言(HTML)的基本概念与语法结构。HTML是构建网页的核心语言,通过标记标签描述页面内容,帮助开发者创建结构化、语义化的Web页面。 ... [详细]
author-avatar
旻昊厉害_720
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有