怎么在Android中自定义一个可滑动按钮
这篇文章将为大家详细讲解有关怎么在Android中自定义一个可滑动按钮,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。
让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:主机域名、雅安服务器托管、营销软件、网站建设、亳州网站维护、网站推广。
Android是什么
Android是一种基于Linux内核的自由及开放源代码的操作系统,主要使用于移动设备,如智能手机和平板电脑,由美国Google公司和开放手机联盟领导及开发。
实现逻辑
1.创建一个类继承view类,实现里面的onMeasure() onDraw()方法
2.在 onMeasure() 中需要调用setMeasuredDimension(viewWidth,viewheight),用来绘制按钮的位置区域
3.需要加载按钮的背景和滑块资源 并且转化为bitmap对象
4.获取背景图片的宽和高作为自定义控件的宽和高
5.获取滑块的宽度,用来调整按钮的开和关
6.在onDraw()方法中绘制出背景图片和滑块,并展示在页面中
7.创建一个触摸事件,用来监听按钮所在的位置
8.创建drawSlide方法,用来限制滑块的运行区间,防止滑块划出指定的区域,并限制按钮只有两个结果,开和关
9.根据drawSlide方法得到开关的结果,设置开关的状态
10.根据开关的状态设置开关中滑块的位置
11设.置一个回调接口,用来监听按钮的状态是否发生改变
布局文件
核心代码
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); } }
关于怎么在Android中自定义一个可滑动按钮就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。
网站栏目:怎么在Android中自定义一个可滑动按钮
文章位置:http://azwzsj.com/article/piijgi.html