自定義帶滑動屬性的(de)Switch
發表時(shí)間:2020-11-13
發布人(rén):融晨科技
浏覽次數:47
1. 效果圖
[img]http://img.blog.csdn.net/20150107140702906?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcXE0MzU3NTczOTk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center
2. SlidingSwitch.java文件内容:
<pre name="code" class="java">package com.jun.widget; import com.jun.slidingswitch.R; import android.annotation.SuppressLint; 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; /** * * slidingSwitch.setCheck(true); * slidingSwitch.SetOnChangedListener(new OnChangedListener() * { * @Override * public void OnChanged(boolean CheckState) * { * //處理slidingSwitch開關事件 * } * }); **/ public class SlidingSwitch extends View implements OnTouchListener { private boolean NowChoose = false;// 記錄當前按鈕是(shì)否打開,true爲(wéi / wèi)打開,flase爲(wéi / wèi)關閉 private boolean isChecked; private boolean OnSliding = false;// 記錄用戶是(shì)否在(zài)滑動的(de)變量 private float DownX, NowX;// 按下時(shí)的(de)x,當前的(de)x private Rect Btn_On, Btn_Off;// 打開和(hé / huò)關閉狀态下,遊标的(de)Rect private boolean isChgLsnOn = false; private OnChangedListener ChgLsn; private Bitmap bg_on, bg_off, sliding_switch; public SlidingSwitch(Context context) { super(context); init(); } public SlidingSwitch(Context context, AttributeSet attrs) { super(context, attrs); init(); } public SlidingSwitch(Context context, AttributeSet attrs, int defStyle) { super(context, attrs, defStyle); init(); } private void init() {// 初始化 bg_on = BitmapFactory.decodeResource(getResources(), R.drawable.slip_left); bg_off = BitmapFactory.decodeResource(getResources(), R.drawable.slip_right); sliding_switch = BitmapFactory.decodeResource(getResources(), R.drawable.slip_ball); Btn_On = new Rect(0, 0, sliding_switch.getWidth(), sliding_switch.getHeight()); Btn_Off = new Rect(bg_off.getWidth() - sliding_switch.getWidth(), 0, bg_off.getWidth(), sliding_switch.getHeight()); setOnTouchListener(this);// 設置監聽器,也(yě)可以(yǐ)直接複寫OnTouchEvent } @SuppressLint("DrawAllocation") @Override protected void onDraw(Canvas canvas) {// 繪圖函數 super.onDraw(canvas); Matrix matrix = new Matrix(); Paint paint = new Paint(); float x; if (NowX < (bg_on.getWidth() / 2))// 滑動到(dào)前半段與後半段的(de)背景不(bù)同,在(zài)此做判斷 { x = NowX - sliding_switch.getWidth() / 2; canvas.drawBitmap(bg_off, matrix, paint);// 畫出(chū)關閉時(shí)的(de)背景 } else { x = bg_on.getWidth() - sliding_switch.getWidth() / 2; canvas.drawBitmap(bg_on, matrix, paint);// 畫出(chū)打開時(shí)的(de)背景 } if (OnSliding)// 是(shì)否是(shì)在(zài)滑動狀态, { if (NowX >= bg_on.getWidth())// 是(shì)否劃出(chū)指定範圍,不(bù)能讓遊标跑到(dào)外頭,必須做這(zhè)個(gè)判斷 x = bg_on.getWidth() - sliding_switch.getWidth() / 2;// 減去遊标1/2的(de)長度... else if (NowX < 0) { x = 0; } else { x = NowX - sliding_switch.getWidth() / 2; } } else {// 非滑動狀态 if (NowChoose)// 根據現在(zài)的(de)開關狀态設置畫遊标的(de)位置 { x = Btn_Off.left; canvas.drawBitmap(bg_on, matrix, paint);// 初始狀态爲(wéi / wèi)true時(shí)應該畫出(chū)打開狀态圖片 } else x = Btn_On.left; } if (isChecked) { canvas.drawBitmap(bg_on, matrix, paint); x = Btn_Off.left; isChecked = !isChecked; } if (x < 0)// 對遊标位置進行異常判斷... x = 0; else if (x > bg_on.getWidth() - sliding_switch.getWidth()) x = bg_on.getWidth() - sliding_switch.getWidth(); canvas.drawBitmap(sliding_switch, x, 0, paint);// 畫出(chū)遊标. } @Override public boolean onTouch(View v, MotionEvent event) { switch (event.getAction()) // 根據動作來(lái)執行代碼 { case MotionEvent.ACTION_MOVE:// 滑動 NowX = event.getX(); break; case MotionEvent.ACTION_DOWN:// 按下 if (event.getX() > bg_on.getWidth() || event.getY() > bg_on.getHeight()) return false; OnSliding = true; DownX = event.getX(); NowX = DownX; break; case MotionEvent.ACTION_CANCEL: // 移到(dào)控件外部 OnSliding = false; boolean choose = NowChoose; if (NowX >= (bg_on.getWidth() / 2)) { NowX = bg_on.getWidth() - sliding_switch.getWidth() / 2; NowChoose = true; } else { NowX = NowX - sliding_switch.getWidth() / 2; NowChoose = false; } if (isChgLsnOn && (choose != NowChoose)) // 如果設置了(le/liǎo)監聽器,就(jiù)調用其方法.. ChgLsn.OnChanged(NowChoose); break; case MotionEvent.ACTION_UP:// 松開 OnSliding = false; boolean LastChoose = NowChoose; if (event.getX() >= (bg_on.getWidth() / 2)) { NowX = bg_on.getWidth() - sliding_switch.getWidth() / 2; NowChoose = true; } else { NowX = NowX - sliding_switch.getWidth() / 2; NowChoose = false; } if (isChgLsnOn && (LastChoose != NowChoose)) // 如果設置了(le/liǎo)監聽器,就(jiù)調用其方法.. ChgLsn.OnChanged(NowChoose); break; default: } invalidate();// 重畫控件 return true; } public void SetOnChangedListener(OnChangedListener l) { // 設置監聽器,當狀态修改的(de)時(shí)候 isChgLsnOn = true; ChgLsn = l; } public interface OnChangedListener { abstract void OnChanged(boolean CheckState); } public void setCheck(boolean isChecked) { this.isChecked = isChecked; NowChoose = isChecked; } }
2. activity_main.xml布局内容:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" 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" tools:context="com.jun.slidingswitch.MainActivity" > <com.jun.widget.SlidingSwitch android:layout_width="wrap_content" android:layout_height="wrap_content"/> </RelativeLayout>
3. MainActivity.java文件内容:
package com.jun.slidingswitch; import android.support.v7.app.ActionBarActivity; import android.os.Bundle; import android.view.Menu; import android.view.MenuItem; public class MainActivity extends ActionBarActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); } @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getMenuInflater().inflate(R.menu.main, menu); return true; } @Override public boolean onOptionsItemSelected(MenuItem item) { // Handle action bar item clicks here. The action bar will // automatically handle clicks on the Home/Up button, so long // as you specify a parent activity in AndroidManifest.xml. int id = item.getItemId(); if (id == R.id.action_settings) { return true; } return super.onOptionsItemSelected(item); } }
5.demo(百度雲網盤)
http://pan.baidu.com/s/1dDpgqdV