Android自定義實(shí)現(xiàn)可滑動按鈕
本文實(shí)例為大家分享了Android自定義實(shí)現(xiàn)可滑動按鈕的具體代碼,供大家參考,具體內(nèi)容如下
實(shí)現(xiàn)邏輯
1.創(chuàng)建一個類繼承view類,實(shí)現(xiàn)里面的onMeasure() onDraw()方法
2.在 onMeasure() 中需要調(diào)用setMeasuredDimension(viewWidth,viewheight),用來繪制按鈕的位置區(qū)域
3.需要加載按鈕的背景和滑塊資源 并且轉(zhuǎn)化為bitmap對象
4.獲取背景圖片的寬和高作為自定義控件的寬和高
5.獲取滑塊的寬度,用來調(diào)整按鈕的開和關(guān)
6.在onDraw()方法中繪制出背景圖片和滑塊,并展示在頁面中
7.創(chuàng)建一個觸摸事件,用來監(jiān)聽按鈕所在的位置
8.創(chuàng)建drawSlide方法,用來限制滑塊的運(yùn)行區(qū)間,防止滑塊劃出指定的區(qū)域,并限制按鈕只有兩個結(jié)果,開和關(guān)
9.根據(jù)drawSlide方法得到開關(guān)的結(jié)果,設(shè)置開關(guān)的狀態(tài)
10.根據(jù)開關(guān)的狀態(tài)設(shè)置開關(guān)中滑塊的位置
11設(shè).置一個回調(diào)接口,用來監(jiān)聽按鈕的狀態(tài)是否發(fā)生改變
布局文件
<?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);
//設(shè)置按鈕的狀態(tài)
toggleButton.setToggleStste(true);
//創(chuàng)建一個監(jiān)聽
MyListener myListener = new MyListener();
//設(shè)置監(jiān)聽
toggleButton.setOnToggleStateChangedListener(myListener);
//初始化控件
toggleButton2 = (MyToggleButton) findViewById(R.id.myToggle2);
//設(shè)置按鈕的狀態(tài)
toggleButton2.setToggleStste(true);
//創(chuàng)建一個監(jiān)聽
MyListener myListener2 = new MyListener();
//設(shè)置監(jiān)聽
toggleButton2.setOnToggleStateChangedListener(myListener2);
}
//創(chuàng)建一個監(jiān)聽
class MyListener implements MyToggleButton.onToggleStateChangedListener {
@Override
public void onToggleStateChange(MyToggleButton button, boolean isToggleOn) {
//判定是哪個按鈕觸發(fā)了監(jiān)聽
switch (button.getId()) {
case R.id.myToggle:
Toast.makeText(MainActivity.this, isToggleOn ? "開1" : "關(guān)1", Toast.LENGTH_SHORT).show();
break;
case R.id.myToggle2:
Toast.makeText(MainActivity.this, isToggleOn ? "開2" : "關(guān)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;
//設(shè)置一個成員變量,用來判定開關(guān)的狀態(tài)
private boolean toggleStste = false;
private boolean canChangeToggleState = false;
private onToggleStateChangedListener monToggleStateChangedListener = null;
//創(chuàng)建一個開關(guān)狀態(tài)改變的監(jiān)聽,當(dāng)狀態(tài)改變時觸發(fā),否則不觸發(fā)
public void setOnToggleStateChangedListener(onToggleStateChangedListener monToggleStateChangedListener) {
this.monToggleStateChangedListener = monToggleStateChangedListener;
}
public MyToggleButton(Context context, AttributeSet attrs) {
super(context, attrs);
//設(shè)置按鈕的背景和滑塊資源
setBackgroundAndSlideResource(R.mipmap.toogle_background, R.mipmap.toogle_slidebg);
//獲取背景的高度和寬度
viewWidth = bgBitmap.getWidth();
viewheight = bgBitmap.getHeight();
//背景的寬和高就是這個自定義按鈕的寬和高
//獲取滑塊的寬度
slideWidth = slidebg.getWidth();
//計(jì)算滑塊的右邊最大值
slideMaxLeft = viewWidth - slideWidth;
}
//定義一個方法,用來顯示按鈕是開還是關(guān)
public void setToggleStste(boolean toggleStste) {
this.toggleStste = toggleStste;
if (toggleStste) {
slidebgleft = slideMaxLeft;
} else {
slidebgleft = 0;
}
//重新繪制
invalidate();
}
//設(shè)置按鈕的背景和滑塊資源
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);
//調(diào)用setMeasuredDimension繪制按鈕的區(qū)域
setMeasuredDimension(viewWidth, viewheight);
}
@Override
protected void onDraw(Canvas canvas) {
//重寫drawBitmap,將控件的背景和滑塊繪制到頁面中
canvas.drawBitmap(bgBitmap, 0, 0, null);
drawSlide(canvas);
}
//通過控制slidebgleft,來控制滑塊的位置
private void drawSlide(Canvas canvas) {
//限制滑塊的運(yùn)行區(qū)間,防止滑塊移動到界外
if (slidebgleft < 0) {
slidebgleft = 0;
} else if (slidebgleft > slideMaxLeft) {
slidebgleft = slideMaxLeft;
}
canvas.drawBitmap(slidebg, slidebgleft, 0, null);
if (canChangeToggleState) {
canChangeToggleState = false;
//記錄上一次開關(guān)的狀態(tài)
boolean lastToggleState = toggleStste;
//根據(jù)當(dāng)前滑塊的位置更新開關(guān)的狀態(tài)
if (slidebgleft == 0) {
toggleStste = false;
} else {
toggleStste = true;
}
//如果當(dāng)前的狀態(tài)與上一次狀態(tài)不同時,才會觸發(fā)監(jiān)聽事件
if (lastToggleState != toggleStste && monToggleStateChangedListener != null) {
monToggleStateChangedListener.onToggleStateChange(this, toggleStste);
}
}
}
//設(shè)置按鈕的觸摸事件
@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;
}
//只有當(dāng)手機(jī)離開屏幕的是否才可以觸發(fā)監(jiān)聽
canChangeToggleState = true;
break;
}
//重復(fù)不斷地繪制
invalidate();
return true;
}
interface onToggleStateChangedListener {
void onToggleStateChange(MyToggleButton button, boolean isToggleOn);
}
}
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
Android自定義WaveView實(shí)現(xiàn)波浪進(jìn)度效果
最近注意到百度外賣以及淘寶個人中心,都用到了類似水波起伏的效果,于是就參照網(wǎng)上的資料然后自己整改,自定義了一個waveView來實(shí)現(xiàn)這個效果,文中給出來詳細(xì)的實(shí)現(xiàn)原理及實(shí)例代碼,有需要的朋友們可以參考借鑒,下面來一起看看吧。2017-01-01
Android TextView實(shí)現(xiàn)垂直滾動效果的方法
這篇文章主要介紹了Android TextView實(shí)現(xiàn)垂直滾動效果的方法,結(jié)合實(shí)例形式簡單分析了Android TextView控件垂直滾動效果的相關(guān)屬性功能與設(shè)置技巧,需要的朋友可以參考下2016-10-10
Android控件ViewPager實(shí)現(xiàn)帶有動畫的引導(dǎo)頁
這篇文章主要為大家詳細(xì)介紹了Android控件ViewPager實(shí)現(xiàn)帶有動畫的引導(dǎo)頁,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-05-05
android使用handler ui線程和子線程通訊更新ui示例
這篇文章主要介紹了android使用handler ui線程和子線程通訊更新ui的方法,大家參考使用吧2014-01-01
淺談Android輕量級的數(shù)據(jù)緩存框架RxCache
本篇文章主要介紹了淺談Android輕量級的數(shù)據(jù)緩存框架RxCache,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-08-08
Android Canvas自定義實(shí)現(xiàn)時鐘效果
這篇文章主要為大家詳細(xì)介紹了Android Canvas自定義實(shí)現(xiàn)時鐘效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-12-12

