Android編程實(shí)現(xiàn)滑動(dòng)開(kāi)關(guān)組件功能【附源碼下載】
本文實(shí)例講述了Android編程實(shí)現(xiàn)滑動(dòng)開(kāi)關(guān)組件功能。分享給大家供大家參考,具體如下:
由于Android并未提供滑動(dòng)開(kāi)關(guān)之類(lèi)的組件,所以我們需要自己去實(shí)現(xiàn)一個(gè)自定義的視圖組件來(lái)實(shí)現(xiàn)滑動(dòng)開(kāi)關(guān)效果。
這里有一個(gè)示例代碼,它包括三個(gè)類(lèi):開(kāi)關(guān)組件視圖、狀態(tài)監(jiān)聽(tīng)接口、MainActivity
我們先來(lái)看看整個(gè)demo的效果圖:

我們先來(lái)看看視圖組件的完整代碼,代碼都已經(jīng)注釋?zhuān)?/p>
package com.bear.swtichbuttondemo;
import java.util.ArrayList;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Matrix;
import android.graphics.Paint;
import android.graphics.Rect;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
/**
* 自定義滑動(dòng)開(kāi)關(guān)
*/
public class MySwitchButton extends View implements OnTouchListener {
private Bitmap switchOnBkg; // 開(kāi)關(guān)開(kāi)啟時(shí)的背景
private Bitmap switchOffBkg; // 開(kāi)關(guān)關(guān)閉時(shí)的背景
private Bitmap slipSwitchButton; // 滑動(dòng)開(kāi)關(guān)的圖片
private boolean isSlipping = false; // 是否正在滑動(dòng)
private boolean isSwitchOn = false; // 當(dāng)前開(kāi)關(guān)的狀態(tài),true表示開(kāi)啟,flase表示關(guān)閉
private float previousX; // 手指按下時(shí)的水平坐標(biāo)x
private float currentX; // 當(dāng)前的水平坐標(biāo)X
private ArrayList<OnSwitchListener> onSwitchListenerList; // 開(kāi)關(guān)監(jiān)聽(tīng)器列表
public MySwitchButton(Context context, AttributeSet attrs) {
super(context, attrs);
init();
}
private void init() {
this.setOnTouchListener(this); // 設(shè)置觸摸監(jiān)聽(tīng)器
onSwitchListenerList = new ArrayList<OnSwitchListener>();
}
public void setImageResource(int switchBkg, int slipBtn) {
switchOnBkg = BitmapFactory.decodeResource(this.getResources(),
switchBkg);
switchOffBkg = BitmapFactory.decodeResource(this.getResources(),
switchBkg);
slipSwitchButton = BitmapFactory.decodeResource(this.getResources(),
slipBtn);
}
public void setSwitchState(boolean switchState) {
this.isSwitchOn = switchState;
this.invalidate();
}
public boolean getSwitchState() {
return this.isSwitchOn;
}
public void setOnSwitchStateListener(OnSwitchListener listener){
onSwitchListenerList.add(listener);
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
Matrix matrix = new Matrix();
Paint paint = new Paint();
float leftSlipBtnX; // 滑動(dòng)按鈕的左邊坐標(biāo)
//畫(huà)開(kāi)關(guān)的背景圖片
canvas.drawBitmap(switchOnBkg, matrix, paint);
if (isSlipping) {
// 如果正在滑動(dòng)
if (currentX > switchOnBkg.getWidth()) {
leftSlipBtnX = switchOnBkg.getWidth()
- slipSwitchButton.getWidth();
} else {
leftSlipBtnX = currentX - slipSwitchButton.getWidth();
}
} else {
//如果沒(méi)有滑動(dòng)
if (isSwitchOn) {
leftSlipBtnX = switchOnBkg.getWidth()
- slipSwitchButton.getWidth();
} else {
leftSlipBtnX = 0;
}
}
//如果手指滑出了開(kāi)關(guān)的范圍,應(yīng)當(dāng)這樣處理
if (leftSlipBtnX < 0) {
leftSlipBtnX = 0;
} else if (leftSlipBtnX > switchOnBkg.getWidth()
- slipSwitchButton.getWidth()) {
leftSlipBtnX = switchOnBkg.getWidth() - slipSwitchButton.getWidth();
}
//在畫(huà)布上畫(huà)開(kāi)關(guān)圖片
canvas.drawBitmap(slipSwitchButton, leftSlipBtnX, 0, paint);
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
setMeasuredDimension(switchOnBkg.getWidth(), switchOnBkg.getHeight());
}
@Override
public boolean onTouch(View v, MotionEvent event) {
//獲取觸摸動(dòng)作類(lèi)型
int action = event.getAction();
switch (action) {
case MotionEvent.ACTION_MOVE:
//如果現(xiàn)在處于手指一動(dòng)狀態(tài)
currentX = event.getX();
break;
case MotionEvent.ACTION_DOWN:
//如果現(xiàn)在手指剛剛按上屏幕狀態(tài)
isSlipping = true;
break;
case MotionEvent.ACTION_UP:
//如果現(xiàn)在手指剛剛離開(kāi)屏幕狀態(tài)
isSlipping = false;
boolean previousState = isSwitchOn;
if (event.getX() > (switchOnBkg.getWidth() / 2)) {
isSwitchOn = true;
} else {
isSwitchOn = false;
}
//調(diào)用接口回調(diào)方法,將開(kāi)關(guān)狀態(tài)通知給監(jiān)聽(tīng)對(duì)象
if(previousState != isSwitchOn){
if(onSwitchListenerList.size() > 0){
for(OnSwitchListener listener : onSwitchListenerList){
listener.onSwitched(isSwitchOn);
}
}
}
break;
default:
break;
}
this.invalidate();
return true;
}
}
我們?cè)賮?lái)看看開(kāi)關(guān)狀態(tài)監(jiān)聽(tīng)接口代碼,如下:
package com.bear.swtichbuttondemo;
public interface OnSwitchListener {
public abstract void onSwitched(boolean isSwitchOn);
}
最后是我們的Activity中的代碼,這里需要傳兩張圖片給自定義組件,當(dāng)然你也可以傳兩張自己做好的圖片,代碼如下:
package com.bear.swtichbuttondemo;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.Toast;
public class MainActivity extends Activity {
private MySwitchButton mySwitchButton;
private Button myBtn;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
setupViews();
}
private void setupViews() {
mySwitchButton = (MySwitchButton) findViewById(R.id.my_switch_button);
//傳圖片給自定義組件
mySwitchButton.setImageResource(R.drawable.switch_bkg_switch,
R.drawable.switch_btn_slip);
myBtn = (Button) findViewById(R.id.button);
//設(shè)置開(kāi)關(guān)狀態(tài)監(jiān)聽(tīng)
mySwitchButton.setOnSwitchStateListener(new OnSwitchListener() {
@Override
public void onSwitched(boolean isSwitchOn) {
if (isSwitchOn) {
Toast.makeText(MainActivity.this, "開(kāi)關(guān)開(kāi)啟",
Toast.LENGTH_SHORT).show();
} else {
Toast.makeText(MainActivity.this, "開(kāi)關(guān)關(guān)閉",
Toast.LENGTH_SHORT).show();
}
}
});
myBtn.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
boolean isOn = mySwitchButton.getSwitchState();
mySwitchButton.setSwitchState(!isOn);
}
});
}
}
附:完整實(shí)例代碼點(diǎn)擊此處本站下載。
更多關(guān)于Android相關(guān)內(nèi)容感興趣的讀者可查看本站專(zhuān)題:《Android基本組件用法總結(jié)》、《Android開(kāi)發(fā)入門(mén)與進(jìn)階教程》、《Android布局layout技巧總結(jié)》、《Android視圖View技巧總結(jié)》、《Android編程之a(chǎn)ctivity操作技巧總結(jié)》、《Android資源操作技巧匯總》及《Android控件用法總結(jié)》
希望本文所述對(duì)大家Android程序設(shè)計(jì)有所幫助。
相關(guān)文章
Android中使用Theme來(lái)解決啟動(dòng)app時(shí)出現(xiàn)的空白屏問(wèn)題
相信大多數(shù)人一開(kāi)始都會(huì)對(duì)啟動(dòng)app的時(shí)候出現(xiàn)先白瓶或者黑屏然后才進(jìn)入第一個(gè)界面,例如:SplashActivity。那這是什么原因造成的呢?下面小編給大家介紹下2016-12-12
Android應(yīng)用啟動(dòng)速度優(yōu)化
這篇文章主要介紹了Android應(yīng)用啟動(dòng)速度優(yōu)化的相關(guān)資料,需要的朋友可以參考下2016-01-01
Android安裝應(yīng)用 INSTALL_FAILED_DEXOPT 問(wèn)題及解決辦法
這篇文章主要介紹了Android安裝應(yīng)用 INSTALL_FAILED_DEXOPT 解決辦法,本文通過(guò)圖文并茂的形式給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-04-04
android實(shí)現(xiàn)讀取、搜索聯(lián)系人的代碼
本文給大家分享的是在安卓系統(tǒng)中實(shí)現(xiàn)讀取搜索聯(lián)系人的代碼,非常的實(shí)用,想學(xué)習(xí)安卓開(kāi)發(fā)的小伙伴一定不要錯(cuò)過(guò)。2015-03-03
BootStrapValidator與My97日期校驗(yàn)的實(shí)例代碼
這篇文章給大家介紹了bootstrapvalidator與my97日期校驗(yàn)的實(shí)例代碼,代碼簡(jiǎn)單易懂,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友參考下吧2017-01-01
Android Viewpager實(shí)現(xiàn)無(wú)限循環(huán)輪播圖
這篇文章主要為大家詳細(xì)介紹了Android Viewpager實(shí)現(xiàn)無(wú)限循環(huán)輪播圖,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-11-11
Android編程實(shí)現(xiàn)GridView控件點(diǎn)擊圖片變暗效果的方法
這篇文章主要介紹了Android編程實(shí)現(xiàn)GridView控件點(diǎn)擊圖片變暗效果的方法,簡(jiǎn)單分析了GridView控件事件響應(yīng)及屬性操作的相關(guān)技巧,需要的朋友可以參考下2017-06-06
Android 動(dòng)畫(huà)實(shí)現(xiàn)幾種方案
這篇文章主要介紹了Android 動(dòng)畫(huà)實(shí)現(xiàn)幾種方案的相關(guān)資料,需要的朋友可以參考下2017-06-06
Android MotionEvent中g(shù)etX()和getRawX()的區(qū)別實(shí)例詳解
這篇文章主要介紹了Android MotionEvent中g(shù)etX()和getRawX()的區(qū)別實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下2017-03-03

