自定义按钮

按钮.PNG
   
   
package com.example.myapplication;
 
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
 
import java.util.ArrayList;
import java.util.List;
 
public class MainActivity extends AppCompatActivity {
 
private List<View> imageDatas = new ArrayList<>();
private SlideSwitch slideSwitch;
 
 
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
 
String wifionoff = PreferenceUtil.getString(MainActivity.this, "wifionoff", "0", "tuhu_wifi");
slideSwitch = (SlideSwitch) findViewById(R.id.setting_wiff);
slideSwitch.setSlideListener(new SlideSwitch.SlideListener() {
@Override
public void open() {
PreferenceUtil.setString(MainActivity.this, "wifionoff", "0", "tuhu_wifi");
}
 
@Override
public void close() {
PreferenceUtil.setString(MainActivity.this, "wifionoff", "1", "tuhu_wifi");
}
});
 
if(wifionoff.equals("0")){
slideSwitch.setState(true);
}else if(wifionoff.equals("1")){
slideSwitch.setState(false);
}
}
 
}
    
    
package com.example.myapplication;
 
import android.animation.Animator;
import android.animation.AnimatorListenerAdapter;
import android.animation.ValueAnimator;
import android.animation.ValueAnimator.AnimatorUpdateListener;
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.RectF;
import android.os.Bundle;
import android.os.Looper;
import android.os.Parcelable;
import android.support.v4.view.MotionEventCompat;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.view.animation.AccelerateDecelerateInterpolator;
 
/**
* Created by xiaoguanguo on 16/3/28.
*/
public class SlideSwitch extends View {
public static final int SHAPE_RECT = 1;
public static final int SHAPE_CIRCLE = 2;
private static final int RIM_SIZE = 6;
private static final int DEFAULT_ROUND_RADIO = 20;
private static final int DEFAULT_ROUND_COLOR = Color.parseColor("#eeeeee");
private static final int DEFAULT_COLOR_THEME = Color.parseColor("#e83d40");
// 3 attributes
private int color_theme;
private boolean isOpen;
private int shape;
// varials of drawing
private Paint paint;
// private Paint paintb;
private RectF backRect;
private RectF frontRect;
private RectF frontCircleRect;
private RectF backCircleRect;
private int alpha;
private int max_left;
private int min_left;
private float frontRect_left;
private float frontRect_left_begin = RIM_SIZE;
private int eventStartX;
private int eventLastX;
private int diffX = 0;
private boolean slideable = true;
private SlideListener listener;
 
public interface SlideListener {
public void open();
 
public void close();
}
 
public SlideSwitch(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
listener = null;
paint = new Paint();
paint.setAntiAlias(true);
paint.setStyle(Paint.Style.FILL);
// paintb=new Paint();
// paintb.setAntiAlias(true);
// paintb.setStyle(Paint.Style.STROKE);
TypedArray a = context.obtainStyledAttributes(attrs,
R.styleable.slideswitch);
color_theme = a.getColor(R.styleable.slideswitch_themeColor,
DEFAULT_COLOR_THEME);
isOpen = a.getBoolean(R.styleable.slideswitch_isOpen, false);
shape = a.getInt(R.styleable.slideswitch_shape, SHAPE_RECT);
a.recycle();
}
 
public SlideSwitch(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}
 
public SlideSwitch(Context context) {
this(context, null);
}
 
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
int width = measureDimension(280, widthMeasureSpec);
int height = measureDimension(140, heightMeasureSpec);
if (shape == SHAPE_CIRCLE) {
if (width < height)
width = height * 2;
}
setMeasuredDimension(width, height);
initDrawingVal();
}
 
public void initDrawingVal() {
int width = getMeasuredWidth();
int height = getMeasuredHeight();
 
backCircleRect = new RectF();
frontCircleRect = new RectF();
frontRect = new RectF();
backRect = new RectF(0, 0, width, height);
min_left = RIM_SIZE;
if (shape == SHAPE_RECT)
max_left = width / 2;
else
max_left = width - (height - 2 * RIM_SIZE) - RIM_SIZE;
if (isOpen) {
frontRect_left = max_left;
alpha = 255;
} else {
frontRect_left = RIM_SIZE;
alpha = 0;
}
frontRect_left_begin = frontRect_left;
}
 
public int measureDimension(int defaultSize, int measureSpec) {
int result;
int specMode = MeasureSpec.getMode(measureSpec);
int specSize = MeasureSpec.getSize(measureSpec);
if (specMode == MeasureSpec.EXACTLY) {
result = specSize;
} else {
result = defaultSize; // UNSPECIFIED
if (specMode == MeasureSpec.AT_MOST) {
result = Math.min(result, specSize);
}
}
return result;
}
 
@Override
protected void onDraw(Canvas canvas) {
if (shape == SHAPE_RECT) {
paint.setColor(DEFAULT_ROUND_COLOR);
canvas.drawRoundRect(backRect,DEFAULT_ROUND_RADIO,DEFAULT_ROUND_RADIO, paint);
// paintb.setColor(DEFAULT_ROUND_COLOR);
// canvas.drawRoundRect(backRect,DEFAULT_ROUND_RADIO,DEFAULT_ROUND_RADIO, paintb);
paint.setColor(alpha<=20?DEFAULT_ROUND_COLOR:color_theme);
paint.setAlpha(alpha);
canvas.drawRoundRect(backRect,DEFAULT_ROUND_RADIO,DEFAULT_ROUND_RADIO, paint);
frontRect.set(frontRect_left, RIM_SIZE, frontRect_left
+ getMeasuredWidth() / 2 - RIM_SIZE, getMeasuredHeight()
- RIM_SIZE);
paint.setColor( Color.WHITE);
canvas.drawRoundRect(frontRect,DEFAULT_ROUND_RADIO,DEFAULT_ROUND_RADIO, paint);
// canvas.drawRoundRect(frontRect,DEFAULT_ROUND_RADIO,DEFAULT_ROUND_RADIO, paintb);
} else {
// draw circle
float radius;
radius = backRect.height() / 2 - RIM_SIZE;
paint.setColor(DEFAULT_ROUND_COLOR);
backCircleRect.set(backRect);
canvas.drawRoundRect(backCircleRect, radius, radius, paint);
paint.setColor(alpha<=20?DEFAULT_ROUND_COLOR:color_theme);
paint.setAlpha(alpha);
canvas.drawRoundRect(backCircleRect, radius, radius, paint);
frontRect.set(frontRect_left, RIM_SIZE, frontRect_left
+ backRect.height() - 2 * RIM_SIZE, backRect.height()
- RIM_SIZE);
frontCircleRect.set(frontRect);
paint.setColor(Color.WHITE);
canvas.drawRoundRect(frontCircleRect, radius, radius, paint);
}
}
 
@Override
public boolean onTouchEvent(MotionEvent event) {
if (slideable == false)
return super.onTouchEvent(event);
int action = MotionEventCompat.getActionMasked(event);
switch (action) {
case MotionEvent.ACTION_DOWN:
eventStartX = (int) event.getRawX();
break;
case MotionEvent.ACTION_MOVE:
eventLastX = (int) event.getRawX();
diffX = eventLastX - eventStartX;
float tempX = diffX + frontRect_left_begin;
tempX = (tempX > max_left ? max_left : tempX);
tempX = (tempX < min_left ? min_left : tempX);
if (tempX >= min_left && tempX <= max_left) {
frontRect_left = tempX;
alpha = (int) (255 * (float) tempX / (float) max_left);
invalidateView();
}
break;
case MotionEvent.ACTION_UP:
int wholeX = (int) (event.getRawX() - eventStartX);
frontRect_left_begin = frontRect_left;
boolean toRight;
toRight = (frontRect_left_begin > max_left / 2 ? true : false);
if (Math.abs(wholeX) < 3) {
toRight = !toRight;
}
moveToDest(toRight);
break;
default:
break;
}
return true;
}
 
/**
* draw again
*/
private void invalidateView() {
if (Looper.getMainLooper() == Looper.myLooper()) {
invalidate();
} else {
postInvalidate();
}
}
 
public void setSlideListener(SlideListener listener) {
this.listener = listener;
}
 
public void moveToDest(final boolean toRight) {
ValueAnimator toDestAnim = ValueAnimator.ofFloat(frontRect_left,
toRight ? max_left : min_left);
toDestAnim.setDuration(500);
toDestAnim.setInterpolator(new AccelerateDecelerateInterpolator());
toDestAnim.start();
toDestAnim.addUpdateListener(new AnimatorUpdateListener() {
 
@Override
public void onAnimationUpdate(ValueAnimator animation) {
frontRect_left = (Float) animation.getAnimatedValue();
alpha = (int) (255 * (float) frontRect_left / (float) max_left);
invalidateView();
}
});
toDestAnim.addListener(new AnimatorListenerAdapter() {
@Override
public void onAnimationEnd(Animator animation) {
if (toRight) {
isOpen = true;
if (listener != null)
listener.open();
frontRect_left_begin = max_left;
} else {
isOpen = false;
if (listener != null)
listener.close();
frontRect_left_begin = min_left;
}
}
});
}
 
public void setState(boolean isOpen) {
this.isOpen = isOpen;
initDrawingVal();
invalidateView();
if (listener != null)
if (isOpen == true) {
listener.open();
} else {
listener.close();
}
}
 
public void setShapeType(int shapeType) {
this.shape = shapeType;
}
 
public void setSlideable(boolean slideable) {
this.slideable = slideable;
}
 
@Override
protected void onRestoreInstanceState(Parcelable state) {
if (state instanceof Bundle) {
Bundle bundle = (Bundle) state;
this.isOpen = bundle.getBoolean("isOpen");
state = bundle.getParcelable("instanceState");
}
super.onRestoreInstanceState(state);
}
 
@Override
protected Parcelable onSaveInstanceState() {
Bundle bundle = new Bundle();
bundle.putParcelable("instanceState", super.onSaveInstanceState());
bundle.putBoolean("isOpen", this.isOpen);
return bundle;
}
 
}
     
     
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
tools:context="com.example.myapplication.MainActivity">
 
<RelativeLayout
xmlns:slideswitch="http://schemas.android.com/apk/res-auto"
android:layout_width="fill_parent"
android:layout_height="45dp"
android:layout_marginTop="14dp"
android:background="@color/white"
android:clickable="true"
android:gravity="center_vertical"
android:onClick="onClick">
 
<TextView
android:id="@+id/textView28"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_centerVertical="true"
android:layout_marginLeft="15dp"
android:text="WIFI环境下自动下载更新包"
android:textColor="#222"
android:textSize="14sp"/>
 
<com.example.myapplication.SlideSwitch
android:id="@+id/setting_wiff"
android:layout_width="50dp"
android:layout_height="30dp"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"
android:layout_marginRight="10dp"
slideswitch:isOpen="false"
slideswitch:shape="rect"
slideswitch:themeColor="@color/head_colors"/>
 
 
</RelativeLayout>
</LinearLayout>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值