package com.gc.materialdesign.views;
import java.nio.charset.UnmappableCharacterException;
import com.gc.materialdesign.R;
import com.gc.materialdesign.utils.Utils;
import android.R.color;
import android.app.Dialog;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.Path.FillType;
import android.graphics.PorterDuff;
import android.graphics.PorterDuffXfermode;
import android.graphics.drawable.GradientDrawable;
import android.graphics.drawable.LayerDrawable;
import android.os.Bundle;
import android.util.AttributeSet;
import android.view.Gravity;
import android.view.MotionEvent;
import android.view.View;
import android.view.Window;
import android.widget.RelativeLayout;
import android.widget.TextView;
import android.widget.Toast;
public class Slider extends CustomView {
// Event when slider change value
public interface OnValueChangedListener{
public void onValueChanged(int value);
}
int backgroundColor = Color.parseColor("#4CAF50");
Ball ball;
NumberIndicator numberIndicator;
boolean showNumberIndicator = false;
boolean press = false;
int value = 0;
int max = 100;
int min = 0;
OnValueChangedListener onValueChangedListener;
public Slider(Context context, AttributeSet attrs) {
super(context, attrs);
setAttributes(attrs);
}
// Set atributtes of XML to View
protected void setAttributes(AttributeSet attrs){
setBackgroundResource(R.drawable.background_transparent);
// Set size of view
setMinimumHeight(Utils.dpToPx(48, getResources()));
setMinimumWidth(Utils.dpToPx(80, getResources()));
//Set background Color
// Color by resource
int bacgroundColor = attrs.getAttributeResourceValue(ANDROIDXML,"background",-1);
if(bacgroundColor != -1){
setBackgroundColor(getResources().getColor(bacgroundColor));
}else{
// Color by hexadecimal
String background = attrs.getAttributeValue(ANDROIDXML,"background");
if(background != null)
setBackgroundColor(Color.parseColor(background));
}
showNumberIndicator = attrs.getAttributeBooleanValue(MATERIALDESIGNXML,"showNumberIndicator", false);
min = attrs.getAttributeIntValue(MATERIALDESIGNXML,"min", 0);
max = attrs.getAttributeIntValue(MATERIALDESIGNXML,"max", 0);
value = attrs.getAttributeIntValue(MATERIALDESIGNXML,"value", min);
ball = new Ball(getContext());
RelativeLayout.LayoutParams params = new LayoutParams(Utils.dpToPx(20, getResources()),Utils.dpToPx(20, getResources()));
params.addRule(RelativeLayout.CENTER_VERTICAL, RelativeLayout.TRUE);
ball.setLayoutParams(params);
addView(ball);
// Set if slider content number indicator
// TODO
if(showNumberIndicator){
numberIndicator = new NumberIndicator(getContext());
}
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
if(!placedBall)
placeBall();
if(value == min){
// Crop line to transparent effect
Bitmap bitmap = Bitmap.createBitmap(canvas.getWidth(), canvas.getHeight(), Bitmap.Config.ARGB_8888);
Canvas temp = new Canvas(bitmap);
Paint paint = new Paint();
paint.setColor(Color.parseColor("#B0B0B0"));
paint.setStrokeWidth(Utils.dpToPx(2, getResources()));
temp.drawLine(getHeight()/2, getHeight()/2, getWidth()-getHeight()/2, getHeight()/2, paint);
Paint transparentPaint = new Paint();
transparentPaint.setColor(getResources().getColor(android.R.color.transparent));
transparentPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.CLEAR));
temp.drawCircle(ball.getX()+ball.getWidth()/2, ball.getY()+ball.getHeight()/2, ball.getWidth()/2, transparentPaint);
canvas.drawBitmap(bitmap, 0, 0, new Paint());
}else{
Paint paint = new Paint();
paint.setColor(Color.parseColor("#B0B0B0"));
paint.setStrokeWidth(Utils.dpToPx(2, getResources()));
canvas.drawLine(getHeight()/2, getHeight()/2, getWidth()-getHeight()/2, getHeight()/2, paint);
paint.setColor(backgroundColor);
float division = (ball.xFin - ball.xIni) / max;
canvas.drawLine(getHeight()/2, getHeight()/2, value*division+getHeight()/2, getHeight()/2, paint);
}
if(press && !showNumberIndicator){
Paint paint = new Paint();
paint.setColor(backgroundColor);
paint.setAntiAlias(true);
canvas.drawCircle(ball.getX()+ball.getWidth()/2, getHeight()/2, getHeight()/3, paint);
}
invalidate();
}
@Override
public boolean onTouchEvent(MotionEvent event) {
isLastTouch = true;
if (event.getAction() == MotionEvent.ACTION_DOWN || event.getAction() == MotionEvent.ACTION_MOVE) {
if(numberIndicator != null && numberIndicator.isShowing() == false)
numberIndicator.show();
if((event.getX()<= getWidth() && event.getX() >= 0) &&
(event.getY()<= getHeight() && event.getY() >= 0)){
press = true;
// calculate value
int newValue = 0;
float division = (ball.xFin - ball.xIni) / max;
if(event.getX()>ball.xFin){
newValue = max;
}else if(event.getX() < ball.xIni){
newValue = min;
}else{
newValue = (int)((event.getX()-ball.xIni) / division);
}
if(value != newValue){
value = newValue;
if(onValueChangedListener != null)
onValueChangedListener.onValueChanged( newValue);
}
// move ball indicator
float x = event.getX();
x = (x < ball.xIni)? ball.xIni : x;
x = (x > ball.xFin)? ball.xFin : x;
ball.setX(x);
ball.changeBackground();
// If slider has number indicator
if(numberIndicator != null){
// move number indicator
numberIndicator.indicator.x = x;
numberIndicator.indicator.finalY = Utils.getRelativeTop(this)-getHeight()/2;
numberIndicator.indicator.finalSize = getHeight()/2;
numberIndicator.numberIndicator.setText("");
}
}else{
press = false;
isLastTouch = false;
if(numberIndicator != null)
numberIndicator.dismiss();
}
}
else if (event.getAction() == MotionEvent.ACTION_UP) {
if(numberIndicator != null)
numberIndicator.dismiss();
isLastTouch = false;
press = false;
if((event.getX()<= getWidth() && event.getX() >= 0) &&
(event.getY()<= getHeight() && event.getY() >= 0)){
}
}
return true;
}
/**
* Make a dark color to press effect
* @return
*/
protected int makePressColor(){
int r = (this.backgroundColor >> 16) & 0xFF;
int g = (this.backgroundColor >> 8) & 0xFF;
int b = (this.backgroundColor >> 0) & 0xFF;
r = (r-30 < 0) ? 0 : r-30;
g = (g-30 < 0) ? 0 : g-30;
b = (b-30 < 0) ? 0 : b-30;
return Color.argb(70,r, g, b);
}
private void placeBall(){
ball.setX(getHeight()/2 - ball.getWidth()/2);
ball.xIni = ball.getX();
ball.xFin = getWidth()-getHeight()/2-ball.getWidth()/2;
ball.xCen = getWidth() / 2-ball.getWidth()/2;
placedBall = true;
}
// GETERS & SETTERS
public OnValueChangedListener getOnValueChangedListener() {
return onValueChangedListener;
}
public void setOnValueChangedListener(
OnValueChangedListener onValueChangedListener) {
this.onValueChangedListener = onValueChangedListener;
}
public int getValue() {
return value;
}
public void setValue(final int value) {
if(placedBall == false)
post(new Runnable() {
@Override
public void run() {
setValue(value);
}
});
else{
this.value = value;
float division = (ball.xFin - ball.xIni) / max;
ball.setX(value*division + getHeight()/2 - ball.getWidth()/2);
ball.changeBackground();
}
}
public int getMax() {
return max;
}
public void setMax(int max) {
this.max = max;
}
public int getMin() {
return min;
}
public void setMin(int min) {
this.min = min;
}
public boolean isShowNumberIndicator() {
return showNumberIndicator;
}
public void setShowNumberIndicator(boolean showNumberIndicator) {
this.showNumberIndicator = showNumberIndicator;
numberIndicator = (showNumberIndicator)? new NumberIndicator(getContext()) : null;
}
@Override
public void setBackgroundColor(int color) {
backgroundColor = color;
}
boolean placedBall = false;
class Ball extends View{
float xIni, xFin, xCen;
public Ball(Context context) {
super(context);
setBackgroundResource(R.drawable.background_switch_ball_uncheck);
}
public void changeBackground(){
if(value != min){
setBackgroundResource(R.drawable.background_checkbox);
LayerDrawable layer = (LayerDrawable) getBackground();
GradientDrawable shape = (GradientDrawable) layer.findDrawableByLayerId(R.id.shape_bacground);
shape.setColor(backgroundColor);
}else{
setBackgroundResource(R.drawable.background_switch_ball_uncheck);
}
}
}
// Slider Number Indicator
class NumberIndicator extends Dialog{
Indicator indicator;
TextView numberIndicator;
public NumberIndicator(Context context){
super(context, android.R.style.Theme_Translucent);
}
@Override
protected void onCreate(Bundle savedInstanceState) {
requestWindowFeature(Window.FEATURE_NO_TITLE);
super.onCreate(savedInstanceState);
setContentView(R.layout.number_indicator_spinner);
setCanceledOnTouchOutside(false);
RelativeLayout content = (RelativeLayout) this.findViewById(R.id.number_indicator_spinner_content);
indicator = new Indicator(this.getContext());
content.addView(indicator);
numberIndicator = new TextView(getContext());
numberIndicator.setTextColor(Color.WHITE);
numberIndicator.setGravity(Gravity.CENTER);
content.addView(numberIndicator);
indicator.setLayoutParams(new RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.FILL_PARENT,RelativeLayout.LayoutParams.FILL_PARENT));
}
@Override
public void dismiss() {
super.dismiss();
indicator.y = 0;
indicator.size = 0;
indicator.animate = true;
}
@Override
public void onBackPressed() {
}
}
class Indicator extends RelativeLayout{
// Position of number indicator
float x = 0;
float y = 0;
// Size of number indicator
float size = 0;
// Final y position after animation
float finalY = 0;
// Final size after animation
float finalSize = 0;
boolean animate = true;
boolean numberIndicatorResize = false;
public Indicator(Context context) {
super(context);
setBackgroundColor(getResources().getColor(android.R.color.transparent));
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
if(numberIndicatorResize == false){
RelativeLayout.LayoutParams params = (LayoutParams) numberIndicator.numberIndicator.getLayoutParams();
params.height =(int) finalSize * 2;
params.width =(int) finalSize * 2;
numberIndicator.numberIndicator.setLayoutParams(params);
}
Paint paint = new Paint();
paint.setAntiAlias(true);
paint.setColor(backgroundColor);
if(animate){
if(y == 0)
y = finalY + finalSize*2;
y-=Utils.dpToPx(6, getResources());
size+=Utils.dpToPx(2, getResources());
}
canvas.drawCircle(ball.getX()+Utils.getRelativeLeft((View)ball.getParent())+ball.getWidth()/2, y, size, paint);
if(animate && size >= finalSize)
animate = false;
if(animate == false){
numberIndicator.numberIndicator.setX((ball.getX()+Utils.getRelativeLeft((View)ball.getParent())+ball.getWidth()/2)-size);
numberIndicator.numberIndicator.setY(y-size);
numberIndicator.numberIndicator.setText(value+"");
}
invalidate();
}
}
}