New color chooser dialog

This commit is contained in:
Karim Abou Zeid 2015-08-25 00:39:39 +02:00
commit d8e94c1c85
12 changed files with 826 additions and 445 deletions

View file

@ -1,13 +1,8 @@
package com.kabouzeid.gramophone.views;
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.PorterDuff;
import android.graphics.PorterDuffColorFilter;
import android.support.annotation.NonNull;
import android.util.AttributeSet;
import android.widget.FrameLayout;
@ -17,11 +12,9 @@ import com.kabouzeid.gramophone.util.ColorUtil;
public class ColorView extends FrameLayout {
private final Bitmap mCheck;
private final Paint paint;
private final Paint paintBorder;
private final int borderWidth;
private Paint paintCheck;
public ColorView(@NonNull Context context) {
this(context, null, 0);
@ -33,10 +26,7 @@ public class ColorView extends FrameLayout {
public ColorView(@NonNull Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
final int checkSize = (int) context.getResources().getDimension(R.dimen.circle_view_check);
mCheck = getResizedBitmap(BitmapFactory.decodeResource(context.getResources(),
R.drawable.ic_checkbox_marked_circle_outline_white_24dp), checkSize, checkSize);
borderWidth = (int) getResources().getDimension(R.dimen.circle_view_border);
borderWidth = getResources().getDimensionPixelSize(R.dimen.color_view_border);
paint = new Paint();
paint.setAntiAlias(true);
@ -44,31 +34,13 @@ public class ColorView extends FrameLayout {
paintBorder = new Paint();
paintBorder.setAntiAlias(true);
paintCheck = new Paint();
paintCheck.setAntiAlias(true);
setWillNotDraw(false);
}
private static Bitmap getResizedBitmap(@NonNull Bitmap bm, int newHeight, int newWidth) {
int width = bm.getWidth();
int height = bm.getHeight();
float scaleWidth = ((float) newWidth) / width;
float scaleHeight = ((float) newHeight) / height;
Matrix matrix = new Matrix();
matrix.postScale(scaleWidth, scaleHeight);
Bitmap resizedBitmap = Bitmap.createBitmap(bm, 0, 0, width, height, matrix, false);
if (bm != resizedBitmap) {
bm.recycle();
}
return resizedBitmap;
}
@Override
public void setBackgroundColor(int color) {
paint.setColor(color);
paintBorder.setColor(ColorUtil.shiftColorDown(color));
paintCheck.setColorFilter(new PorterDuffColorFilter(ColorUtil.getFabDrawableColorForBackground(getContext(), color), PorterDuff.Mode.SRC_IN));
requestLayout();
invalidate();
}
@ -102,10 +74,5 @@ public class ColorView extends FrameLayout {
int circleCenter = (canvasSize - (borderWidth * 2)) / 2;
canvas.drawCircle(circleCenter + borderWidth, circleCenter + borderWidth, ((canvasSize - (borderWidth * 2)) / 2) + borderWidth - 4.0f, paintBorder);
canvas.drawCircle(circleCenter + borderWidth, circleCenter + borderWidth, ((canvasSize - (borderWidth * 2)) / 2) - 4.0f, paint);
if (isActivated()) {
final int offset = (canvasSize / 2) - (mCheck.getWidth() / 2);
canvas.drawBitmap(mCheck, offset, offset, paintCheck);
}
}
}

View file

@ -0,0 +1,184 @@
package com.kabouzeid.gramophone.views;
import android.content.Context;
import android.content.res.ColorStateList;
import android.content.res.Resources;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.drawable.Drawable;
import android.graphics.drawable.RippleDrawable;
import android.graphics.drawable.ShapeDrawable;
import android.graphics.drawable.StateListDrawable;
import android.graphics.drawable.shapes.OvalShape;
import android.os.Build;
import android.support.annotation.ColorInt;
import android.support.annotation.ColorRes;
import android.support.v4.content.ContextCompat;
import android.util.AttributeSet;
import android.util.TypedValue;
import android.widget.FrameLayout;
import com.kabouzeid.gramophone.R;
import com.kabouzeid.gramophone.util.ColorUtil;
public class SelectableColorView extends FrameLayout {
private final int borderWidthSmall;
private final int borderWidthLarge;
private Paint outerPaint;
private Paint gapPaint;
private Paint innerPaint;
private boolean mSelected;
public SelectableColorView(Context context) {
this(context, null, 0);
}
public SelectableColorView(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}
public SelectableColorView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
final Resources r = getResources();
borderWidthSmall = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 3, r.getDisplayMetrics());
borderWidthLarge = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 5, r.getDisplayMetrics());
gapPaint = new Paint();
gapPaint.setAntiAlias(true);
gapPaint.setColor(ColorUtil.resolveColor(context, R.attr.cardBackgroundColor));
innerPaint = new Paint();
innerPaint.setAntiAlias(true);
outerPaint = new Paint();
outerPaint.setAntiAlias(true);
setWillNotDraw(false);
}
private void update(@ColorInt int color) {
innerPaint.setColor(color);
outerPaint.setColor(ColorUtil.shiftColorDown(color));
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
int[][] states = new int[][]{
new int[]{android.R.attr.state_pressed}
};
int[] colors = new int[]{createSelectedColor(color)};
ColorStateList rippleColors = new ColorStateList(states, colors);
Drawable mask = new ShapeDrawable(new OvalShape());
RippleDrawable rippleDrawable = new RippleDrawable(rippleColors, null, mask);
setForeground(rippleDrawable);
} else {
ShapeDrawable pressedDrawable = new ShapeDrawable(new OvalShape());
pressedDrawable.getPaint().setColor(createSelectedColor(color));
StateListDrawable stateListDrawable = new StateListDrawable();
stateListDrawable.addState(new int[]{android.R.attr.state_pressed}, pressedDrawable);
setForeground(stateListDrawable);
}
}
@ColorInt
private static int createSelectedColor(int color) {
if (ColorUtil.useDarkTextColorOnBackground(color)) {
return ColorUtil.shiftColor(color, 0.8f);
} else {
return ColorUtil.shiftColor(color, 1.2f);
}
}
@Override
public void setBackgroundColor(@ColorInt int color) {
update(color);
requestLayout();
invalidate();
}
@Override
public void setBackgroundResource(@ColorRes int color) {
setBackgroundColor(ContextCompat.getColor(getContext(), color));
}
/**
* @deprecated
*/
@Deprecated
@Override
public void setBackground(Drawable background) {
throw new IllegalStateException("Cannot use setBackground() on CircleView.");
}
/**
* @deprecated
*/
@SuppressWarnings("deprecation")
@Deprecated
@Override
public void setBackgroundDrawable(Drawable background) {
throw new IllegalStateException("Cannot use setBackgroundDrawable() on CircleView.");
}
/**
* @deprecated
*/
@SuppressWarnings("deprecation")
@Deprecated
@Override
public void setActivated(boolean activated) {
throw new IllegalStateException("Cannot use setActivated() on CircleView.");
}
public void setSelected(boolean selected) {
mSelected = selected;
requestLayout();
invalidate();
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
int widthMode = MeasureSpec.getMode(widthMeasureSpec);
int heightMode = MeasureSpec.getMode(heightMeasureSpec);
if (widthMode == MeasureSpec.EXACTLY && heightMode != MeasureSpec.EXACTLY) {
int width = MeasureSpec.getSize(widthMeasureSpec);
//noinspection SuspiciousNameCombination
int height = width;
if (heightMode == MeasureSpec.AT_MOST)
height = Math.min(height, MeasureSpec.getSize(heightMeasureSpec));
setMeasuredDimension(width, height);
} else {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
}
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
final int outerRadius = getMeasuredWidth() / 2;
if (mSelected) {
final int whiteRadius = outerRadius - borderWidthLarge;
final int innerRadius = whiteRadius - borderWidthSmall;
canvas.drawCircle(getMeasuredWidth() / 2,
getMeasuredHeight() / 2,
outerRadius,
outerPaint);
canvas.drawCircle(getMeasuredWidth() / 2,
getMeasuredHeight() / 2,
whiteRadius,
gapPaint);
canvas.drawCircle(getMeasuredWidth() / 2,
getMeasuredHeight() / 2,
innerRadius,
innerPaint);
} else {
canvas.drawCircle(getMeasuredWidth() / 2,
getMeasuredHeight() / 2,
outerRadius,
innerPaint);
}
}
}