Android自定义实现可滑动按钮
作者:常利兵 时间:2021-10-21 08:24:11
本文实例为大家分享了Android自定义实现可滑动按钮的具体代码,供大家参考,具体内容如下
实现逻辑
1.创建一个类继承view类,实现里面的onMeasure() onDraw()方法
2.在 onMeasure() 中需要调用setMeasuredDimension(viewWidth,viewheight),用来绘制按钮的位置区域
3.需要加载按钮的背景和滑块资源 并且转化为bitmap对象
4.获取背景图片的宽和高作为自定义控件的宽和高
5.获取滑块的宽度,用来调整按钮的开和关
6.在onDraw()方法中绘制出背景图片和滑块,并展示在页面中
7.创建一个触摸事件,用来监听按钮所在的位置
8.创建drawSlide方法,用来限制滑块的运行区间,防止滑块划出指定的区域,并限制按钮只有两个结果,开和关
9.根据drawSlide方法得到开关的结果,设置开关的状态
10.根据开关的状态设置开关中滑块的位置
11设.置一个回调接口,用来监听按钮的状态是否发生改变
布局文件
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/activity_main"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:orientation="vertical"
tools:context="com.example.a3_.MainActivity">
<com.example.a3_.MyToggleButton
android:id="@+id/myToggle"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<com.example.a3_.MyToggleButton
android:id="@+id/myToggle2"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</LinearLayout>
核心代码
package com.example.a3_;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.Toast;
public class MainActivity extends AppCompatActivity {
private MyToggleButton toggleButton;
private MyToggleButton toggleButton2;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//初始化控件
toggleButton = (MyToggleButton) findViewById(R.id.myToggle);
//设置按钮的状态
toggleButton.setToggleStste(true);
//创建一个监听
MyListener myListener = new MyListener();
//设置监听
toggleButton.setOnToggleStateChangedListener(myListener);
//初始化控件
toggleButton2 = (MyToggleButton) findViewById(R.id.myToggle2);
//设置按钮的状态
toggleButton2.setToggleStste(true);
//创建一个监听
MyListener myListener2 = new MyListener();
//设置监听
toggleButton2.setOnToggleStateChangedListener(myListener2);
}
//创建一个监听
class MyListener implements MyToggleButton.onToggleStateChangedListener {
@Override
public void onToggleStateChange(MyToggleButton button, boolean isToggleOn) {
//判定是哪个按钮触发了监听
switch (button.getId()) {
case R.id.myToggle:
Toast.makeText(MainActivity.this, isToggleOn ? "开1" : "关1", Toast.LENGTH_SHORT).show();
break;
case R.id.myToggle2:
Toast.makeText(MainActivity.this, isToggleOn ? "开2" : "关2", Toast.LENGTH_SHORT).show();
}
}
}
}
自定义控件代码
package com.example.a3_;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
/**
* Created by Administrator on 2017.05.27.0027.
*/
public class MyToggleButton extends View {
private Bitmap bgBitmap;
private Bitmap slidebg;
private final int viewWidth;
private final int viewheight;
private float slidebgleft;
private final int slideWidth;
private final int slideMaxLeft;
//设置一个成员变量,用来判定开关的状态
private boolean toggleStste = false;
private boolean canChangeToggleState = false;
private onToggleStateChangedListener monToggleStateChangedListener = null;
//创建一个开关状态改变的监听,当状态改变时触发,否则不触发
public void setOnToggleStateChangedListener(onToggleStateChangedListener monToggleStateChangedListener) {
this.monToggleStateChangedListener = monToggleStateChangedListener;
}
public MyToggleButton(Context context, AttributeSet attrs) {
super(context, attrs);
//设置按钮的背景和滑块资源
setBackgroundAndSlideResource(R.mipmap.toogle_background, R.mipmap.toogle_slidebg);
//获取背景的高度和宽度
viewWidth = bgBitmap.getWidth();
viewheight = bgBitmap.getHeight();
//背景的宽和高就是这个自定义按钮的宽和高
//获取滑块的宽度
slideWidth = slidebg.getWidth();
//计算滑块的右边最大值
slideMaxLeft = viewWidth - slideWidth;
}
//定义一个方法,用来显示按钮是开还是关
public void setToggleStste(boolean toggleStste) {
this.toggleStste = toggleStste;
if (toggleStste) {
slidebgleft = slideMaxLeft;
} else {
slidebgleft = 0;
}
//重新绘制
invalidate();
}
//设置按钮的背景和滑块资源
private void setBackgroundAndSlideResource(int toogle_background, int toogle_slidebg) {
bgBitmap = BitmapFactory.decodeResource(getResources(), toogle_background);
slidebg = BitmapFactory.decodeResource(getResources(), toogle_slidebg);
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
// super.onMeasure(widthMeasureSpec, heightMeasureSpec);
//调用setMeasuredDimension绘制按钮的区域
setMeasuredDimension(viewWidth, viewheight);
}
@Override
protected void onDraw(Canvas canvas) {
//重写drawBitmap,将控件的背景和滑块绘制到页面中
canvas.drawBitmap(bgBitmap, 0, 0, null);
drawSlide(canvas);
}
//通过控制slidebgleft,来控制滑块的位置
private void drawSlide(Canvas canvas) {
//限制滑块的运行区间,防止滑块移动到界外
if (slidebgleft < 0) {
slidebgleft = 0;
} else if (slidebgleft > slideMaxLeft) {
slidebgleft = slideMaxLeft;
}
canvas.drawBitmap(slidebg, slidebgleft, 0, null);
if (canChangeToggleState) {
canChangeToggleState = false;
//记录上一次开关的状态
boolean lastToggleState = toggleStste;
//根据当前滑块的位置更新开关的状态
if (slidebgleft == 0) {
toggleStste = false;
} else {
toggleStste = true;
}
//如果当前的状态与上一次状态不同时,才会触发监听事件
if (lastToggleState != toggleStste && monToggleStateChangedListener != null) {
monToggleStateChangedListener.onToggleStateChange(this, toggleStste);
}
}
}
//设置按钮的触摸事件
@Override
public boolean onTouchEvent(MotionEvent event) {
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
slidebgleft = event.getX() - slideWidth / 2;
break;
case MotionEvent.ACTION_MOVE:
slidebgleft = event.getX() - slideWidth / 2;
break;
case MotionEvent.ACTION_UP:
if (event.getX() > viewWidth / 2) {
slidebgleft = slideMaxLeft;
} else {
slidebgleft = 0;
}
//只有当手机离开屏幕的是否才可以触发监听
canChangeToggleState = true;
break;
}
//重复不断地绘制
invalidate();
return true;
}
interface onToggleStateChangedListener {
void onToggleStateChange(MyToggleButton button, boolean isToggleOn);
}
}
来源:https://blog.csdn.net/qq_32890771/article/details/72784073
标签:Android,滑动,按钮
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
SrpingDruid数据源加密数据库密码的示例代码
2021-06-21 03:26:26
![](https://img.aspxhome.com/file/2023/1/63021_0s.png)
C# 超高面试题收集整理
2022-01-20 17:28:59
解决spring boot2集成activiti6踩过的坑
2022-03-31 16:46:06
C语言高效编程的几招小技巧
2023-11-02 14:12:50
Java中Map集合的常用方法详解
2021-12-31 16:05:54
![](https://img.aspxhome.com/file/2023/6/63656_0s.png)
FeignClient中name和url属性的作用说明
2023-06-04 13:21:55
spring-boot读取props和yml配置文件的方法
2022-06-01 14:54:26
Java线程同步、同步方法实例详解
2023-10-16 07:10:53
IDEA GIT 忽略文件的最佳方式推荐
2023-04-06 10:02:54
![](https://img.aspxhome.com/file/2023/6/63436_0s.jpg)
ConcurrentHashMap是如何实现线程安全的你知道吗
2023-11-28 23:14:25
![](https://img.aspxhome.com/file/2023/5/60195_0s.jpg)
java httpclient设置超时时间和代理的方法
2023-05-10 13:05:24
Java 客户端操作 FastDFS 实现文件上传下载替换删除功能
2022-06-01 15:01:38
![](https://img.aspxhome.com/file/2023/5/62325_0s.png)
Java多线程同步工具类CyclicBarrier的使用
2021-08-26 05:29:53
ReentrantLock获取锁释放锁的流程示例分析
2021-08-05 20:51:10
![](https://img.aspxhome.com/file/2023/4/72914_0s.png)
JAVA多线程并发下的单例模式应用
2022-09-15 01:27:31
java开发WMS仓库商品预警需求示例解析
2023-10-03 11:07:30
![](https://img.aspxhome.com/file/2023/0/101990_0s.png)
Java SpringBoot的相关知识点详解
2023-11-23 02:36:35
![](https://img.aspxhome.com/file/2023/0/58620_0s.png)
Android编程实现WebView添加进度条的方法
2023-07-06 03:16:46
Java中利用gson解析Json实例教程
2023-10-31 04:07:41
![](https://img.aspxhome.com/file/2023/1/70511_0s.png)
SpringBoot中定位切点的两种常用方法
2023-09-26 08:45:17