不多說剖毯，直接上代碼吧！
package com.smartisan.muse.ui.widget;
/**
* Created by Administrator on 2018/3/28.
*/
import android.animation.ValueAnimator;
import android.content.Context;
import android.graphics.drawable.Drawable;
import android.graphics.drawable.TransitionDrawable;
import android.util.AttributeSet;
import android.util.Log;
import android.view.Gravity;
import android.view.View;
import android.view.ViewGroup;
import android.view.ViewTreeObserver;
import android.widget.FrameLayout;
import android.widget.ImageView;
import android.widget.LinearLayout;
import com.smartisan.muse.R;
import static android.content.ContentValues.TAG;
/**
* 自定義switch開關(guān)
*/
public class MySwitch extends FrameLayout {
private Context context;
private final static int MP = ViewGroup.LayoutParams.MATCH_PARENT;
private final static int WC = ViewGroup.LayoutParams.WRAP_CONTENT;
private Drawable bg_on;
private Drawable bg_off;
private ImageView ball;
private ImageView switchBg;
private int local_state = 0;//本地狀態(tài) 0：關(guān) 1:開
private int mWidth;
private int mHeight;
private int mBallWidth;
public MySwitch(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
init(context);
this.context = context;
}
public MySwitch(Context context, AttributeSet attrs) {
super(context, attrs);
init(context);
this.context = context;
}
public MySwitch(Context context) {
super(context);
init(context);
this.context = context;
}
private void init(Context context) {
/**整體布局預(yù)設(shè)**/
bg_on = getResources().getDrawable(R.drawable.switch_on_bg);
bg_off = getResources().getDrawable(R.drawable.switch_off_bg);
FrameLayout.LayoutParams FParams;
// =new FrameLayout.LayoutParams(WC,getRealPixel(59));
// setLayoutParams(FParams);
ImageView switch_default_Bg = new ImageView(context);
FParams = new FrameLayout.LayoutParams(WC, WC);
switch_default_Bg.setImageResource(R.drawable.switch_off_bg);
addView(switch_default_Bg, FParams);
switchBg = new ImageView(context);
FParams = new FrameLayout.LayoutParams(WC, WC);
addView(switchBg, FParams);
//開關(guān)圓球
LinearLayout ballLayout = new LinearLayout(context);
ballLayout.setOrientation(LinearLayout.HORIZONTAL);
FParams = new FrameLayout.LayoutParams(WC, WC);
FParams.gravity = Gravity.BOTTOM;
addView(ballLayout, FParams);
ball = new ImageView(context);
LinearLayout.LayoutParams lParams = new LinearLayout.LayoutParams(WC, WC);
ball.setImageResource(R.drawable.switch_thumb);
ballLayout.addView(ball, lParams);
turnOff(0);
//獲取控件寬高
post(new Runnable() {
@Override
public void run() {
mWidth = getWidth();
mHeight = getHeight();
mBallWidth =ball.getWidth();
Log.d(TAG, "onGlobalLayout: width = " + mWidth + " height = " + mHeight+" mBallWidth:"+mBallWidth);
}
});
setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
if (local_state == 0) {
turnOn(200);
} else {
turnOff(200);
}
if (onSwitchClickListener != null) {
onSwitchClickListener.onClickSwitch(local_state);
}
}
});
}
/**
* 需要詳細配置請看 {@link #turnOn(int time)}
* 打開按鈕佑吝，帶漸變動畫
*
* @param time 漸變時間
* 0 馬上設(shè)置成打開狀態(tài)
*/
private void turnOn(int time) {
// ballLayout.setGravity(Gravity.RIGHT);
switchBg.setImageDrawable(getResources().getDrawable(android.R.color.transparent));
// ball.setPadding(getRealPixel(80), 0, 0, 0);
// switchBg.setBackgroundResource(R.drawable.switch_on_bg);
startAnimator(time,0,mWidth-mBallWidth,ball);
local_state = 1;
TransitionDrawable td;
if (time == 0) {
td = new TransitionDrawable(new Drawable[]{bg_on, bg_on});
} else {
td = new TransitionDrawable(new Drawable[]{getResources().getDrawable(android.R.color.transparent), bg_on});
}
td.setCrossFadeEnabled(true);
td.startTransition(time);
switchBg.setImageDrawable(td);
}
/**
* 需要詳細配置請看 {@link #turnOff(int time)}
* 打開按鈕唱歧，帶漸變動畫
*
* @param time 漸變時間
* 0 馬上設(shè)置成關(guān)閉狀態(tài)
*/
private void turnOff(int time) {
// ballLayout.setGravity(Gravity.RIGHT);
switchBg.setImageDrawable(getResources().getDrawable(android.R.color.transparent));
// ball.setPadding(0, 0, getRealPixel(80), 0);
// switchBg.setBackgroundResource(R.drawable.switch_off_bg);
startAnimator(time,mWidth-mBallWidth,0,ball);
local_state = 0;
TransitionDrawable td;
if (time == 0) {
td = new TransitionDrawable(new Drawable[]{getResources().getDrawable(android.R.color.transparent), getResources().getDrawable(android.R.color.transparent)});
} else {
td = new TransitionDrawable(new Drawable[]{bg_on, getResources().getDrawable(android.R.color.transparent)});
}
td.setCrossFadeEnabled(true);
td.startTransition(time);
switchBg.setImageDrawable(td);
}
//以漸變效果岖免，在200ms內(nèi)打開開關(guān)
public void transitionOn() {
turnOn(200);
}
//以漸變效果，在200ms內(nèi)關(guān)閉開關(guān)
public void transitionOff() {
turnOff(200);
}
//無漸變效果合愈，強制打開開關(guān)
public void switchOn() {
turnOn(0);
}
//無漸變效果叮贩，強制關(guān)閉開關(guān)
public void switchOff() {
turnOff(0);
}
//獲取開關(guān)本地狀態(tài)
public int getLocalState() {
return this.local_state;
}
//點擊時回傳switch 狀態(tài),0為關(guān)閉，1為打開
public interface OnSwitchClickListener {
void onClickSwitch(int local_state);
}
private OnSwitchClickListener onSwitchClickListener;
public void setOnSwitchClickListener(OnSwitchClickListener l) {
this.onSwitchClickListener = l;
}
private void startAnimator(int time, final int from, final int to, final View v) {
final ValueAnimator animator = ValueAnimator.ofInt(from, to);
animator.setDuration(time);
animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator animation) {
/**
* 通過這樣一個監(jiān)聽事件想暗，我們就可以獲取
* 到ValueAnimator每一步所產(chǎn)生的值妇汗。
*
* 通過調(diào)用getAnimatedValue()獲取到每個時間因子所產(chǎn)生的Value。
* */
Integer value = (Integer) animation.getAnimatedValue();
v.setPadding(value, 0, 0, 0);
}
});
animator.start();
}
}
