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

我們先來看看視圖組件的完整代碼,代碼都已經(jīng)注釋:
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;
/**
* 自定義滑動開關(guān)
*/
public class MySwitchButton extends View implements OnTouchListener {
private Bitmap switchOnBkg; // 開關(guān)開啟時的背景
private Bitmap switchOffBkg; // 開關(guān)關(guān)閉時的背景
private Bitmap slipSwitchButton; // 滑動開關(guān)的圖片
private boolean isSlipping = false; // 是否正在滑動
private boolean isSwitchOn = false; // 當(dāng)前開關(guān)的狀態(tài),true表示開啟,flase表示關(guān)閉
private float previousX; // 手指按下時的水平坐標(biāo)x
private float currentX; // 當(dāng)前的水平坐標(biāo)X
private ArrayList<OnSwitchListener> onSwitchListenerList; // 開關(guān)監(jiān)聽器列表
public MySwitchButton(Context context, AttributeSet attrs) {
super(context, attrs);
init();
}
private void init() {
this.setOnTouchListener(this); // 設(shè)置觸摸監(jiān)聽器
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; // 滑動按鈕的左邊坐標(biāo)
//畫開關(guān)的背景圖片
canvas.drawBitmap(switchOnBkg, matrix, paint);
if (isSlipping) {
// 如果正在滑動
if (currentX > switchOnBkg.getWidth()) {
leftSlipBtnX = switchOnBkg.getWidth()
- slipSwitchButton.getWidth();
} else {
leftSlipBtnX = currentX - slipSwitchButton.getWidth();
}
} else {
//如果沒有滑動
if (isSwitchOn) {
leftSlipBtnX = switchOnBkg.getWidth()
- slipSwitchButton.getWidth();
} else {
leftSlipBtnX = 0;
}
}
//如果手指滑出了開關(guān)的范圍,應(yīng)當(dāng)這樣處理
if (leftSlipBtnX < 0) {
leftSlipBtnX = 0;
} else if (leftSlipBtnX > switchOnBkg.getWidth()
- slipSwitchButton.getWidth()) {
leftSlipBtnX = switchOnBkg.getWidth() - slipSwitchButton.getWidth();
}
//在畫布上畫開關(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) {
//獲取觸摸動作類型
int action = event.getAction();
switch (action) {
case MotionEvent.ACTION_MOVE:
//如果現(xiàn)在處于手指一動狀態(tài)
currentX = event.getX();
break;
case MotionEvent.ACTION_DOWN:
//如果現(xiàn)在手指剛剛按上屏幕狀態(tài)
isSlipping = true;
break;
case MotionEvent.ACTION_UP:
//如果現(xiàn)在手指剛剛離開屏幕狀態(tài)
isSlipping = false;
boolean previousState = isSwitchOn;
if (event.getX() > (switchOnBkg.getWidth() / 2)) {
isSwitchOn = true;
} else {
isSwitchOn = false;
}
//調(diào)用接口回調(diào)方法,將開關(guān)狀態(tài)通知給監(jiān)聽對象
if(previousState != isSwitchOn){
if(onSwitchListenerList.size() > 0){
for(OnSwitchListener listener : onSwitchListenerList){
listener.onSwitched(isSwitchOn);
}
}
}
break;
default:
break;
}
this.invalidate();
return true;
}
}
我們再來看看開關(guān)狀態(tài)監(jiān)聽接口代碼,如下:
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è)置開關(guān)狀態(tài)監(jiān)聽
mySwitchButton.setOnSwitchStateListener(new OnSwitchListener() {
@Override
public void onSwitched(boolean isSwitchOn) {
if (isSwitchOn) {
Toast.makeText(MainActivity.this, "開關(guān)開啟",
Toast.LENGTH_SHORT).show();
} else {
Toast.makeText(MainActivity.this, "開關(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);
}
});
}
}
附:完整實例代碼點擊此處本站下載。
更多關(guān)于Android相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《Android基本組件用法總結(jié)》、《Android開發(fā)入門與進(jìn)階教程》、《Android布局layout技巧總結(jié)》、《Android視圖View技巧總結(jié)》、《Android編程之a(chǎn)ctivity操作技巧總結(jié)》、《Android資源操作技巧匯總》及《Android控件用法總結(jié)》
希望本文所述對大家Android程序設(shè)計有所幫助。
相關(guān)文章
Android開發(fā)之DatePicker和TimePicker實現(xiàn)選擇日期時間功能示例
這篇文章主要介紹了Android開發(fā)之DatePicker和TimePicker實現(xiàn)選擇日期時間功能,結(jié)合實例形式分析了Android DatePicker和TimePicker組件的功能、常用函數(shù)、布局及日期時間選擇相關(guān)操作技巧,需要的朋友可以參考下2019-03-03
android高仿微信表情輸入與鍵盤輸入代碼(詳細(xì)實現(xiàn)分析)
表情與鍵盤的切換輸入大部分IM都會需要到,本篇文章主要介紹了android高仿微信表情輸入與鍵盤輸入,具有一定的參考價值,有興趣的可以了解一下。2016-12-12
Android中ConstraintLayout約束布局的最全詳細(xì)解析
ConstraintLayout是Google在Google?I/O?2016大會上發(fā)布的一種新的布局容器(ViewGroup),它支持以靈活的方式來放置子控件和調(diào)整子控件的大小,下面這篇文章主要給大家介紹了關(guān)于Android中ConstraintLayout約束布局詳細(xì)解析的相關(guān)資料,需要的朋友可以參考下2022-08-08
Android TableLayout數(shù)據(jù)列表的回顯清空實現(xiàn)思路及代碼
數(shù)據(jù)列表的回顯必須從后面減去子元素同時必須從后面減去子元素,感興趣的朋友可以看下具體的實現(xiàn)代碼,希望對你學(xué)習(xí)Android TableLayout有所幫助2013-04-04

