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