当前位置： 移动技术网 > 移动技术>移动开发>Android > Android自定义实现可滑动按钮

Android自定义实现可滑动按钮

2019年07月29日  | 移动技术网移动技术  | 我要评论

本文实例为大家分享了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);
}
}

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

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网