Android自定义实现可滑动按钮

2023-08-29 13:49:05 59

本文实例为大家分享了Android自定义实现可滑动按钮的具体代码，供大家参考，具体内容如下

实现逻辑

1.创建一个类继承view类,实现里面的onMeasure()onDraw()方法

2.在onMeasure()中需要调用setMeasuredDimension(viewWidth,viewheight),用来绘制按钮的位置区域

3.需要加载按钮的背景和滑块资源并且转化为bitmap对象

4.获取背景图片的宽和高作为自定义控件的宽和高

5.获取滑块的宽度,用来调整按钮的开和关

6.在onDraw()方法中绘制出背景图片和滑块,并展示在页面中

7.创建一个触摸事件,用来监听按钮所在的位置

8.创建drawSlide方法,用来限制滑块的运行区间,防止滑块划出指定的区域,并限制按钮只有两个结果,开和关

9.根据drawSlide方法得到开关的结果,设置开关的状态

10.根据开关的状态设置开关中滑块的位置

11设.置一个回调接口,用来监听按钮的状态是否发生改变

布局文件

核心代码

packagecom.example.a3_;

importandroid.support.v7.app.AppCompatActivity;
importandroid.os.Bundle;
importandroid.widget.Toast;

publicclassMainActivityextendsAppCompatActivity{

privateMyToggleButtontoggleButton;
privateMyToggleButtontoggleButton2;

@Override
protectedvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

//初始化控件
toggleButton=(MyToggleButton)findViewById(R.id.myToggle);
//设置按钮的状态
toggleButton.setToggleStste(true);
//创建一个监听
MyListenermyListener=newMyListener();
//设置监听
toggleButton.setOnToggleStateChangedListener(myListener);

//初始化控件
toggleButton2=(MyToggleButton)findViewById(R.id.myToggle2);
//设置按钮的状态
toggleButton2.setToggleStste(true);
//创建一个监听
MyListenermyListener2=newMyListener();
//设置监听
toggleButton2.setOnToggleStateChangedListener(myListener2);

}

//创建一个监听
classMyListenerimplementsMyToggleButton.onToggleStateChangedListener{

@Override
publicvoidonToggleStateChange(MyToggleButtonbutton,booleanisToggleOn){

//判定是哪个按钮触发了监听
switch(button.getId()){
caseR.id.myToggle:
Toast.makeText(MainActivity.this,isToggleOn?"开1":"关1",Toast.LENGTH_SHORT).show();
break;
caseR.id.myToggle2:
Toast.makeText(MainActivity.this,isToggleOn?"开2":"关2",Toast.LENGTH_SHORT).show();
}

}
}
}

自定义控件代码

packagecom.example.a3_;

importandroid.content.Context;
importandroid.graphics.Bitmap;
importandroid.graphics.BitmapFactory;
importandroid.graphics.Canvas;
importandroid.util.AttributeSet;
importandroid.view.MotionEvent;
importandroid.view.View;

/**
*CreatedbyAdministratoron2017.05.27.0027.
*/

publicclassMyToggleButtonextendsView{

privateBitmapbgBitmap;
privateBitmapslidebg;
privatefinalintviewWidth;
privatefinalintviewheight;
privatefloatslidebgleft;
privatefinalintslideWidth;
privatefinalintslideMaxLeft;
//设置一个成员变量,用来判定开关的状态
privatebooleantoggleStste=false;
privatebooleancanChangeToggleState=false;

privateonToggleStateChangedListenermonToggleStateChangedListener=null;

//创建一个开关状态改变的监听,当状态改变时触发,否则不触发
publicvoidsetOnToggleStateChangedListener(onToggleStateChangedListenermonToggleStateChangedListener){
this.monToggleStateChangedListener=monToggleStateChangedListener;
}


publicMyToggleButton(Contextcontext,AttributeSetattrs){
super(context,attrs);
//设置按钮的背景和滑块资源
setBackgroundAndSlideResource(R.mipmap.toogle_background,R.mipmap.toogle_slidebg);
//获取背景的高度和宽度
viewWidth=bgBitmap.getWidth();
viewheight=bgBitmap.getHeight();
//背景的宽和高就是这个自定义按钮的宽和高
//获取滑块的宽度
slideWidth=slidebg.getWidth();
//计算滑块的右边最大值
slideMaxLeft=viewWidth-slideWidth;
}

//定义一个方法,用来显示按钮是开还是关
publicvoidsetToggleStste(booleantoggleStste){
this.toggleStste=toggleStste;
if(toggleStste){
slidebgleft=slideMaxLeft;
}else{
slidebgleft=0;
}
//重新绘制
invalidate();
}

//设置按钮的背景和滑块资源
privatevoidsetBackgroundAndSlideResource(inttoogle_background,inttoogle_slidebg){
bgBitmap=BitmapFactory.decodeResource(getResources(),toogle_background);
slidebg=BitmapFactory.decodeResource(getResources(),toogle_slidebg);
}

@Override
protectedvoidonMeasure(intwidthMeasureSpec,intheightMeasureSpec){
//super.onMeasure(widthMeasureSpec,heightMeasureSpec);
//调用setMeasuredDimension绘制按钮的区域
setMeasuredDimension(viewWidth,viewheight);
}

@Override
protectedvoidonDraw(Canvascanvas){

//重写drawBitmap,将控件的背景和滑块绘制到页面中
canvas.drawBitmap(bgBitmap,0,0,null);
drawSlide(canvas);

}

//通过控制slidebgleft,来控制滑块的位置
privatevoiddrawSlide(Canvascanvas){
//限制滑块的运行区间,防止滑块移动到界外
if(slidebgleft<0){
slidebgleft=0;
}elseif(slidebgleft>slideMaxLeft){
slidebgleft=slideMaxLeft;
}
canvas.drawBitmap(slidebg,slidebgleft,0,null);
if(canChangeToggleState){
canChangeToggleState=false;
//记录上一次开关的状态
booleanlastToggleState=toggleStste;
//根据当前滑块的位置更新开关的状态
if(slidebgleft==0){
toggleStste=false;
}else{
toggleStste=true;
}

//如果当前的状态与上一次状态不同时,才会触发监听事件
if(lastToggleState!=toggleStste&&monToggleStateChangedListener!=null){
monToggleStateChangedListener.onToggleStateChange(this,toggleStste);
}
}
}

//设置按钮的触摸事件
@Override
publicbooleanonTouchEvent(MotionEventevent){
switch(event.getAction()){
caseMotionEvent.ACTION_DOWN:
slidebgleft=event.getX()-slideWidth/2;
break;
caseMotionEvent.ACTION_MOVE:
slidebgleft=event.getX()-slideWidth/2;
break;
caseMotionEvent.ACTION_UP:
if(event.getX()>viewWidth/2){
slidebgleft=slideMaxLeft;
}else{
slidebgleft=0;
}
//只有当手机离开屏幕的是否才可以触发监听
canChangeToggleState=true;
break;
}
//重复不断地绘制
invalidate();
returntrue;
}

interfaceonToggleStateChangedListener{
voidonToggleStateChange(MyToggleButtonbutton,booleanisToggleOn);
}
}

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

Android自定义实现可滑动按钮

热门推荐

随机推荐