【Android】自己定义控件实现可滑动的开关(switch)
~转载请注明来源:http://blog.csdn.net/u013015161/article/details/46704745
介绍
昨天晚上写了一个Android的滑动开关, 即SlideSwitch。
效果例如以下:
实现
实现的思路事实上非常easy。监听控件上的touch事件,并不断刷新,让滑块在手指的位置上绘出,达到滑块跟着手指滑动的显示效果。
先看一下代码:
SlideSwitch.java (7月3日有改动:在touch事件里调用onStateChangedListener前添加判空)
package com.incell.view;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
public class SlideSwitch extends View{
private Paint mPaint = new Paint(Paint.ANTI_ALIAS_FLAG); //抗锯齿
boolean isOn = false;
float curX = 0;
float centerY; //y固定
float viewWidth;
float radius;
float lineStart; //直线段開始的位置(横坐标,即
float lineEnd; //直线段结束的位置(纵坐标
float lineWidth;
final int SCALE = 4; // 控件长度为滑动的圆的半径的倍数
OnStateChangedListener onStateChangedListener;
public SlideSwitch(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
}
public SlideSwitch(Context context, AttributeSet attrs) {
super(context, attrs);
}
public SlideSwitch(Context context) {
super(context);
}
@Override
public boolean onTouchEvent(MotionEvent event) {
// TODO Auto-generated method stub
curX = event.getX();
if(event.getAction() == MotionEvent.ACTION_UP)
{
if(curX > viewWidth / 2)
{
curX = lineEnd;
if(false == isOn)
{
//仅仅有状态发生改变才调用回调函数, 下同
if(null != onStateChangedListener)
{
onStateChangedListener.onStateChanged(true);
}
isOn = true;
}
}
else
{
curX = lineStart;
if(true == isOn)
{
if(null != onStateChangedListener)
{
onStateChangedListener.onStateChanged(false);
}
isOn = false;
}
}
}
/*通过刷新调用onDraw*/
this.postInvalidate();
return true;
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
// TODO Auto-generated method stub
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
/*保持宽是高的SCALE / 2倍, 即圆的直径*/
this.setMeasuredDimension(this.getMeasuredWidth(), this.getMeasuredWidth() * 2 / SCALE);
viewWidth = this.getMeasuredWidth();
radius = viewWidth / SCALE;
lineWidth = radius * 2f; //直线宽度等于滑块直径
curX = radius;
centerY = this.getMeasuredWidth() / SCALE; //centerY为高度的一半
lineStart = radius;
lineEnd = (SCALE - 1) * radius;
}
@Override
protected void onDraw(Canvas canvas) {
// TODO Auto-generated method stub
super.onDraw(canvas);
/*限制滑动范围*/
curX = curX > lineEnd?lineEnd:curX;
curX = curX < lineStart?
lineStart:curX;
/*划线*/
mPaint.setStyle(Paint.Style.STROKE);
mPaint.setStrokeWidth(lineWidth);
/*左边部分的线,绿色*/
mPaint.setColor(Color.BLUE);
canvas.drawLine(lineStart, centerY, curX, centerY, mPaint);
/*右边部分的线,灰色*/
mPaint.setColor(Color.GRAY);
canvas.drawLine(curX, centerY, lineEnd, centerY, mPaint);
/*画圆*/
/*画最左和最右的圆,直径为直线段宽度。 即在直线段两边分别再加上一个半圆*/
mPaint.setStyle(Paint.Style.FILL);
mPaint.setColor(Color.GRAY);
canvas.drawCircle(lineEnd, centerY, lineWidth / 2, mPaint);
mPaint.setColor(Color.BLUE);
canvas.drawCircle(lineStart, centerY, lineWidth / 2, mPaint);
/*圆形滑块*/
mPaint.setColor(Color.LTGRAY);
canvas.drawCircle(curX, centerY, radius , mPaint);
}
/*设置开关状态改变监听器*/
public void setOnStateChangedListener(OnStateChangedListener o)
{
this.onStateChangedListener = o;
}
/*内部接口。开关状态改变监听器*/
public interface OnStateChangedListener
{
public void onStateChanged(boolean state);
}
}
凝视应该非常具体了。主要有下面几点。
1、重写了onMeasure方法,使控件高度依赖于控件的宽度。
这样不论在布局文件里怎样设置。总能保证控件的宽高比。
2、控制好滑块的活动范围
3、定义内部接口OnStateChangedListener,并在自己定义控件里定义了其对象以及从外部赋值的方法setOnStateChangedListener,以便对开关状态更改事件进行监听并调用回调。
使用及Demo
在布局文件里加入该控件就可以使用。Demo效果为动图展示效果(demo里颜色为绿色,动图为蓝色是由于绿色会导致截取gif时出问题,暂时更改的)。
Demo中布局文件例如以下:
activity_main.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.slideswitchexample.SlideSwitch
android:id="@+id/slide_switch"
android:layout_width="200dp"
android:layout_height="wrap_content"
android:layout_centerInParent="true"/>
</RelativeLayout>
Demo中Activity代码例如以下:
MainActivity.java
package com.example.slideswitchexample;
import com.example.slideswitchexample.SlideSwitch.OnStateChangedListener;
import android.app.Activity;
import android.os.Bundle;
import android.widget.Toast;
public class MainActivity extends Activity {
SlideSwitch sSwitch;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
sSwitch = (SlideSwitch) this.findViewById(R.id.slide_switch);
sSwitch.setOnStateChangedListener(new OnStateChangedListener(){
@Override
public void onStateChanged(boolean state) {
// TODO Auto-generated method stub
if(true == state)
{
Toast.makeText(MainActivity.this, "开关已打开", 1000).show();
}
else
{
Toast.makeText(MainActivity.this, "开关已关闭", 1000).show();
}
}
});
}
}
【Android】自己定义控件实现可滑动的开关(switch)的更多相关文章
- Android自己定义控件系列五:自己定义绚丽水波纹效果
尊重原创!转载请注明出处:http://blog.csdn.net/cyp331203/article/details/41114551 今天我们来利用Android自己定义控件实现一个比較有趣的效果 ...
- Android自己定义控件:进度条的四种实现方式
前三种实现方式代码出自: http://stormzhang.com/openandroid/2013/11/15/android-custom-loading/ (源代码下载)http://down ...
- android 自己定义控件
Android自己定义View实现非常easy 继承View,重写构造函数.onDraw.(onMeasure)等函数. 假设自己定义的View须要有自己定义的属性.须要在values下建立attrs ...
- Android自己定义控件皮肤
Android自己定义控件皮肤 对于Android的自带控件,其外观仅仅能说中规中矩,而我们平时所示Android应用中,一个简单的button都做得十分美观.甚至于很多button在按下时的外观都有 ...
- android 自己定义控件属性(TypedArray以及attrs解释)
近期在捣鼓android 自己定义控件属性,学到了TypedArray以及attrs.在这当中看了一篇大神博客Android 深入理解Android中的自己定义属性.我就更加深入学习力一番.我就沿着这 ...
- Android自己定义控件系列二:自己定义开关button(一)
这一次我们将会实现一个完整纯粹的自己定义控件,而不是像之前的组合控件一样.拿系统的控件来实现.计划分为三部分:自己定义控件的基本部分,自己定义控件的触摸事件的处理和自己定义控件的自己定义属性: 以下就 ...
- Android自己定义控件之轮播图控件
背景 近期要做一个轮播图的效果.网上看了几篇文章.基本上都能找到实现,效果还挺不错,可是在写的时候感觉每次都要单独去又一次在Activity里写一堆代码.于是自己封装了一下.这里仅仅是做了下封装成一个 ...
- Android自己定义控件系列三:自己定义开关button(二)
接上一篇自己定义开关button(一)的内容继续.上一次实现了一个开关button的基本功能.即自己定义了一个控件.开关button,实现了点击切换开关状态的功能.今天我们想在此基础之上.进一步实现触 ...
- Android自己定义控件2-简单的写字板控件
概述 上一篇文章我们对自己定义控件进行了一个大体的知识介绍. 今天就来学习自己定义一个简单的写字板控件. 先来看看效果图 就是简单的依据手指写下的轨迹去画出内容 实现 在上一篇文章里提到了androi ...
随机推荐
- Codeforces.809E.Surprise me!(莫比乌斯反演 虚树)
题目链接 \(Description\) 给定一棵树,求\[\frac{1}{n(n-1)/2}\times\sum_{i\in[1,n],j\in[1,n],i\neq j}\varphi(a_i\ ...
- hdu 4536 dfs
题意:XCOM-Enemy Unknown是一款很好玩很经典的策略游戏.在游戏中,由于未知的敌人--外星人入侵,你团结了世界各大国家进行抵抗.随着游戏进展,会有很多的外星人进攻事件.每次进攻外星人会选 ...
- 【BZOJ】4985: 评分【DP】
4985: 评分 Time Limit: 10 Sec Memory Limit: 64 MBSubmit: 148 Solved: 75[Submit][Status][Discuss] Des ...
- bzoj 2244
没有正确分析路径可能的条数,它是指数增长的,会爆long long. 然后就是正反两次时间分治. 另一个就是max with count,即带计数的最值,即除了记录最值,还要记录最值取得的次数. /* ...
- Codeforces Round #298 (Div. 2) E. Berland Local Positioning System 构造
E. Berland Local Positioning System Time Limit: 1 Sec Memory Limit: 256 MB 题目连接 http://codeforces.c ...
- CAN 总线通信控制芯片SJA1000 的读写
SJA1000 控制信号的产生 CAN总线通信控制芯片SJA1000 没有提供单独的地址线,而使用可以与Intel 和Motorola系列微控制器兼容的分时复用地址/ 数据线.在一个读写周期内,微控制 ...
- Red Hat Enterprise Linux 7.4上安装Oracle 11.2.0.4
1. 配置Yum源及关闭SeLinux [root@localhost ~]# mkdir /media/rhel [root@localhost ~]# mount /dev/cdrom /medi ...
- Linux线程 之 线程 线程组 进程 轻量级进程(LWP) -systemtap -mysql
http://blog.chinaunix.net/uid-24774106-id-3650136.html http://blog.itpub.net/15480802/viewspace-7627 ...
- C#程序集系列12,C#编译器和CLR如何找寻程序集
本篇体验C#编译器和CLR运行时如何查找程序集,并自定义CLR运行时查找程序集的方式. □ C#编译器和CLR运行时如何查找程序集 C#编译器在哪里?--在C:\Windows\Microsoft.N ...
- 编写 Matlab mexFunction (C mex)
资料一 MATLAB的MEX文件编写和调试 1. MEX的编写格式 写MEX程序其实就是写一个DLL程序,所以你可以使用C,C++,Fortran等多种编程语言来写. 编写MEX程序的编辑器可以使用M ...