Replaced CircularImageView with ShapeableImageView
This commit is contained in:
Prathamesh More
parent
95fd195df8
commit
7aab762712
5 changed files with 10 additions and 394 deletions
|
|
@ -1,337 +0,0 @@
|
||||||
/*
|
|
||||||
* Copyright (c) 2019 Hemanth Savarala.
|
|
||||||
*
|
|
||||||
* Licensed under the GNU General Public License v3
|
|
||||||
*
|
|
||||||
* This is free software: you can redistribute it and/or modify it under
|
|
||||||
* the terms of the GNU General Public License as published by
|
|
||||||
* the Free Software Foundation either version 3 of the License, or (at your option) any later version.
|
|
||||||
*
|
|
||||||
* This software is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY;
|
|
||||||
* without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
|
|
||||||
* See the GNU General Public License for more details.
|
|
||||||
*/
|
|
||||||
|
|
||||||
package code.name.monkey.retromusic.views;
|
|
||||||
|
|
||||||
import android.content.Context;
|
|
||||||
import android.content.res.TypedArray;
|
|
||||||
import android.graphics.Bitmap;
|
|
||||||
import android.graphics.BitmapShader;
|
|
||||||
import android.graphics.Canvas;
|
|
||||||
import android.graphics.Color;
|
|
||||||
import android.graphics.Matrix;
|
|
||||||
import android.graphics.Paint;
|
|
||||||
import android.graphics.Shader;
|
|
||||||
import android.graphics.drawable.BitmapDrawable;
|
|
||||||
import android.graphics.drawable.Drawable;
|
|
||||||
import android.util.AttributeSet;
|
|
||||||
import android.util.Log;
|
|
||||||
|
|
||||||
import androidx.appcompat.widget.AppCompatImageView;
|
|
||||||
|
|
||||||
import code.name.monkey.retromusic.R;
|
|
||||||
|
|
||||||
public class CircularImageView extends AppCompatImageView {
|
|
||||||
|
|
||||||
private static final ScaleType SCALE_TYPE = ScaleType.CENTER_CROP;
|
|
||||||
|
|
||||||
// Default Values
|
|
||||||
private static final float DEFAULT_BORDER_WIDTH = 4;
|
|
||||||
private static final float DEFAULT_SHADOW_RADIUS = 8.0f;
|
|
||||||
|
|
||||||
// Properties
|
|
||||||
private float borderWidth;
|
|
||||||
private int canvasSize;
|
|
||||||
private float shadowRadius;
|
|
||||||
private int shadowColor = Color.BLACK;
|
|
||||||
|
|
||||||
// Object used to draw
|
|
||||||
private Bitmap image;
|
|
||||||
private Drawable drawable;
|
|
||||||
private Paint paint;
|
|
||||||
private Paint paintBorder;
|
|
||||||
|
|
||||||
// region Constructor & Init Method
|
|
||||||
public CircularImageView(final Context context) {
|
|
||||||
this(context, null);
|
|
||||||
}
|
|
||||||
|
|
||||||
public CircularImageView(Context context, AttributeSet attrs) {
|
|
||||||
this(context, attrs, 0);
|
|
||||||
}
|
|
||||||
|
|
||||||
public CircularImageView(Context context, AttributeSet attrs, int defStyleAttr) {
|
|
||||||
super(context, attrs, defStyleAttr);
|
|
||||||
init(context, attrs, defStyleAttr);
|
|
||||||
}
|
|
||||||
|
|
||||||
private void init(Context context, AttributeSet attrs, int defStyleAttr) {
|
|
||||||
// Init paint
|
|
||||||
paint = new Paint();
|
|
||||||
paint.setAntiAlias(true);
|
|
||||||
|
|
||||||
paintBorder = new Paint();
|
|
||||||
paintBorder.setAntiAlias(true);
|
|
||||||
|
|
||||||
// Load the styled attributes and set their properties
|
|
||||||
TypedArray attributes =
|
|
||||||
context.obtainStyledAttributes(attrs, R.styleable.CircularImageView, defStyleAttr, 0);
|
|
||||||
|
|
||||||
// Init Border
|
|
||||||
if (attributes.getBoolean(R.styleable.CircularImageView_civ_border, true)) {
|
|
||||||
float defaultBorderSize =
|
|
||||||
DEFAULT_BORDER_WIDTH * getContext().getResources().getDisplayMetrics().density;
|
|
||||||
setBorderWidth(
|
|
||||||
attributes.getDimension(
|
|
||||||
R.styleable.CircularImageView_civ_border_width, defaultBorderSize));
|
|
||||||
setBorderColor(
|
|
||||||
attributes.getColor(R.styleable.CircularImageView_civ_border_color, Color.WHITE));
|
|
||||||
}
|
|
||||||
|
|
||||||
// Init Shadow
|
|
||||||
if (attributes.getBoolean(R.styleable.CircularImageView_civ_shadow, false)) {
|
|
||||||
shadowRadius = DEFAULT_SHADOW_RADIUS;
|
|
||||||
drawShadow(
|
|
||||||
attributes.getFloat(R.styleable.CircularImageView_civ_shadow_radius, shadowRadius),
|
|
||||||
attributes.getColor(R.styleable.CircularImageView_civ_shadow_color, shadowColor));
|
|
||||||
}
|
|
||||||
attributes.recycle();
|
|
||||||
}
|
|
||||||
// endregion
|
|
||||||
|
|
||||||
// region Set Attr Method
|
|
||||||
public void setBorderWidth(float borderWidth) {
|
|
||||||
this.borderWidth = borderWidth;
|
|
||||||
requestLayout();
|
|
||||||
invalidate();
|
|
||||||
}
|
|
||||||
|
|
||||||
public void setBorderColor(int borderColor) {
|
|
||||||
if (paintBorder != null) {
|
|
||||||
paintBorder.setColor(borderColor);
|
|
||||||
}
|
|
||||||
invalidate();
|
|
||||||
}
|
|
||||||
|
|
||||||
public void addShadow() {
|
|
||||||
if (shadowRadius == 0) {
|
|
||||||
shadowRadius = DEFAULT_SHADOW_RADIUS;
|
|
||||||
}
|
|
||||||
drawShadow(shadowRadius, shadowColor);
|
|
||||||
invalidate();
|
|
||||||
}
|
|
||||||
|
|
||||||
public void setShadowRadius(float shadowRadius) {
|
|
||||||
drawShadow(shadowRadius, shadowColor);
|
|
||||||
invalidate();
|
|
||||||
}
|
|
||||||
|
|
||||||
public void setShadowColor(int shadowColor) {
|
|
||||||
drawShadow(shadowRadius, shadowColor);
|
|
||||||
invalidate();
|
|
||||||
}
|
|
||||||
|
|
||||||
@Override
|
|
||||||
public ScaleType getScaleType() {
|
|
||||||
return SCALE_TYPE;
|
|
||||||
}
|
|
||||||
|
|
||||||
@Override
|
|
||||||
public void setScaleType(ScaleType scaleType) {
|
|
||||||
if (scaleType != SCALE_TYPE) {
|
|
||||||
throw new IllegalArgumentException(
|
|
||||||
String.format(
|
|
||||||
"ScaleType %s not supported. ScaleType.CENTER_CROP is used by default. So you don't need to use ScaleType.",
|
|
||||||
scaleType));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// endregion
|
|
||||||
|
|
||||||
// region Draw Method
|
|
||||||
@Override
|
|
||||||
public void onDraw(Canvas canvas) {
|
|
||||||
// Load the bitmap
|
|
||||||
loadBitmap();
|
|
||||||
|
|
||||||
// Check if image isn't null
|
|
||||||
if (image == null) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!isInEditMode()) {
|
|
||||||
canvasSize = canvas.getWidth();
|
|
||||||
if (canvas.getHeight() < canvasSize) {
|
|
||||||
canvasSize = canvas.getHeight();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// circleCenter is the x or y of the view's center
|
|
||||||
// radius is the radius in pixels of the cirle to be drawn
|
|
||||||
// paint contains the shader that will texture the shape
|
|
||||||
int circleCenter = (int) (canvasSize - (borderWidth * 2)) / 2;
|
|
||||||
// Draw Border
|
|
||||||
canvas.drawCircle(
|
|
||||||
circleCenter + borderWidth,
|
|
||||||
circleCenter + borderWidth,
|
|
||||||
circleCenter + borderWidth - (shadowRadius + shadowRadius / 2),
|
|
||||||
paintBorder);
|
|
||||||
// Draw CircularImageView
|
|
||||||
canvas.drawCircle(
|
|
||||||
circleCenter + borderWidth,
|
|
||||||
circleCenter + borderWidth,
|
|
||||||
circleCenter - (shadowRadius + shadowRadius / 2),
|
|
||||||
paint);
|
|
||||||
}
|
|
||||||
|
|
||||||
private void loadBitmap() {
|
|
||||||
if (this.drawable == getDrawable()) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
this.drawable = getDrawable();
|
|
||||||
this.image = drawableToBitmap(this.drawable);
|
|
||||||
updateShader();
|
|
||||||
}
|
|
||||||
|
|
||||||
@Override
|
|
||||||
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
|
|
||||||
super.onSizeChanged(w, h, oldw, oldh);
|
|
||||||
canvasSize = w;
|
|
||||||
if (h < canvasSize) {
|
|
||||||
canvasSize = h;
|
|
||||||
}
|
|
||||||
if (image != null) {
|
|
||||||
updateShader();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
private void drawShadow(float shadowRadius, int shadowColor) {
|
|
||||||
this.shadowRadius = shadowRadius;
|
|
||||||
this.shadowColor = shadowColor;
|
|
||||||
setLayerType(LAYER_TYPE_SOFTWARE, paintBorder);
|
|
||||||
paintBorder.setShadowLayer(shadowRadius, 0.0f, shadowRadius / 2, shadowColor);
|
|
||||||
}
|
|
||||||
|
|
||||||
private void updateShader() {
|
|
||||||
if (image == null) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Crop Center Image
|
|
||||||
image = cropBitmap(image);
|
|
||||||
|
|
||||||
// Create Shader
|
|
||||||
BitmapShader shader = new BitmapShader(image, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP);
|
|
||||||
|
|
||||||
// Center Image in Shader
|
|
||||||
Matrix matrix = new Matrix();
|
|
||||||
matrix.setScale(
|
|
||||||
(float) canvasSize / (float) image.getWidth(),
|
|
||||||
(float) canvasSize / (float) image.getHeight());
|
|
||||||
shader.setLocalMatrix(matrix);
|
|
||||||
|
|
||||||
// Set Shader in Paint
|
|
||||||
paint.setShader(shader);
|
|
||||||
}
|
|
||||||
|
|
||||||
private Bitmap cropBitmap(Bitmap bitmap) {
|
|
||||||
Bitmap bmp;
|
|
||||||
if (bitmap.getWidth() >= bitmap.getHeight()) {
|
|
||||||
bmp =
|
|
||||||
Bitmap.createBitmap(
|
|
||||||
bitmap,
|
|
||||||
bitmap.getWidth() / 2 - bitmap.getHeight() / 2,
|
|
||||||
0,
|
|
||||||
bitmap.getHeight(),
|
|
||||||
bitmap.getHeight());
|
|
||||||
} else {
|
|
||||||
bmp =
|
|
||||||
Bitmap.createBitmap(
|
|
||||||
bitmap,
|
|
||||||
0,
|
|
||||||
bitmap.getHeight() / 2 - bitmap.getWidth() / 2,
|
|
||||||
bitmap.getWidth(),
|
|
||||||
bitmap.getWidth());
|
|
||||||
}
|
|
||||||
return bmp;
|
|
||||||
}
|
|
||||||
|
|
||||||
private Bitmap drawableToBitmap(Drawable drawable) {
|
|
||||||
if (drawable == null) {
|
|
||||||
return null;
|
|
||||||
} else if (drawable instanceof BitmapDrawable) {
|
|
||||||
return ((BitmapDrawable) drawable).getBitmap();
|
|
||||||
}
|
|
||||||
|
|
||||||
int intrinsicWidth = drawable.getIntrinsicWidth();
|
|
||||||
int intrinsicHeight = drawable.getIntrinsicHeight();
|
|
||||||
|
|
||||||
if (!(intrinsicWidth > 0 && intrinsicHeight > 0)) {
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
|
|
||||||
try {
|
|
||||||
// Create Bitmap object out of the drawable
|
|
||||||
Bitmap bitmap = Bitmap.createBitmap(intrinsicWidth, intrinsicHeight, Bitmap.Config.ARGB_8888);
|
|
||||||
Canvas canvas = new Canvas(bitmap);
|
|
||||||
drawable.setBounds(0, 0, canvas.getWidth(), canvas.getHeight());
|
|
||||||
drawable.draw(canvas);
|
|
||||||
return bitmap;
|
|
||||||
} catch (OutOfMemoryError e) {
|
|
||||||
// Simply return null of failed bitmap creations
|
|
||||||
Log.e(getClass().toString(), "Encountered OutOfMemoryError while generating bitmap!");
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// endregion
|
|
||||||
|
|
||||||
// region Mesure Method
|
|
||||||
@Override
|
|
||||||
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
|
|
||||||
int width = measureWidth(widthMeasureSpec);
|
|
||||||
int height = measureHeight(heightMeasureSpec);
|
|
||||||
/*int imageSize = (width < height) ? width : height;
|
|
||||||
setMeasuredDimension(imageSize, imageSize);*/
|
|
||||||
setMeasuredDimension(width, height);
|
|
||||||
}
|
|
||||||
|
|
||||||
private int measureWidth(int measureSpec) {
|
|
||||||
int result;
|
|
||||||
int specMode = MeasureSpec.getMode(measureSpec);
|
|
||||||
int specSize = MeasureSpec.getSize(measureSpec);
|
|
||||||
|
|
||||||
if (specMode == MeasureSpec.EXACTLY) {
|
|
||||||
// The parent has determined an exact size for the child.
|
|
||||||
result = specSize;
|
|
||||||
} else if (specMode == MeasureSpec.AT_MOST) {
|
|
||||||
// The child can be as large as it wants up to the specified size.
|
|
||||||
result = specSize;
|
|
||||||
} else {
|
|
||||||
// The parent has not imposed any constraint on the child.
|
|
||||||
result = canvasSize;
|
|
||||||
}
|
|
||||||
|
|
||||||
return result;
|
|
||||||
}
|
|
||||||
|
|
||||||
private int measureHeight(int measureSpecHeight) {
|
|
||||||
int result;
|
|
||||||
int specMode = MeasureSpec.getMode(measureSpecHeight);
|
|
||||||
int specSize = MeasureSpec.getSize(measureSpecHeight);
|
|
||||||
|
|
||||||
if (specMode == MeasureSpec.EXACTLY) {
|
|
||||||
// We were told how big to be
|
|
||||||
result = specSize;
|
|
||||||
} else if (specMode == MeasureSpec.AT_MOST) {
|
|
||||||
// The child can be as large as it wants up to the specified size.
|
|
||||||
result = specSize;
|
|
||||||
} else {
|
|
||||||
// Measure the text (beware: ascent is a negative number)
|
|
||||||
result = canvasSize;
|
|
||||||
}
|
|
||||||
|
|
||||||
return (result + 2);
|
|
||||||
}
|
|
||||||
// endregion
|
|
||||||
}
|
|
||||||
|
|
@ -1,49 +0,0 @@
|
||||||
/*
|
|
||||||
* Copyright (c) 2019 Hemanth Savarala.
|
|
||||||
*
|
|
||||||
* Licensed under the GNU General Public License v3
|
|
||||||
*
|
|
||||||
* This is free software: you can redistribute it and/or modify it under
|
|
||||||
* the terms of the GNU General Public License as published by
|
|
||||||
* the Free Software Foundation either version 3 of the License, or (at your option) any later version.
|
|
||||||
*
|
|
||||||
* This software is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY;
|
|
||||||
* without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
|
|
||||||
* See the GNU General Public License for more details.
|
|
||||||
*/
|
|
||||||
package code.name.monkey.retromusic.views
|
|
||||||
|
|
||||||
import android.content.Context
|
|
||||||
import android.util.AttributeSet
|
|
||||||
import androidx.core.content.withStyledAttributes
|
|
||||||
import code.name.monkey.retromusic.R
|
|
||||||
import com.bumptech.glide.Glide
|
|
||||||
|
|
||||||
/** @author Hemanth S (h4h13).
|
|
||||||
*/
|
|
||||||
class NetworkImageView @JvmOverloads constructor(
|
|
||||||
context: Context,
|
|
||||||
attrs: AttributeSet? = null,
|
|
||||||
defStyleAttr: Int = 0
|
|
||||||
) :
|
|
||||||
CircularImageView(context, attrs, defStyleAttr) {
|
|
||||||
|
|
||||||
init {
|
|
||||||
context.withStyledAttributes(attrs, R.styleable.NetworkImageView, 0, 0) {
|
|
||||||
val url = getString(R.styleable.NetworkImageView_url_link)
|
|
||||||
setImageUrl(context, url!!)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
fun setImageUrl(imageUrl: String) {
|
|
||||||
setImageUrl(context, imageUrl)
|
|
||||||
}
|
|
||||||
|
|
||||||
private fun setImageUrl(context: Context, imageUrl: String) {
|
|
||||||
Glide.with(context)
|
|
||||||
.load(imageUrl)
|
|
||||||
.error(R.drawable.ic_account)
|
|
||||||
.placeholder(R.drawable.ic_account)
|
|
||||||
.into(this)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -6,13 +6,12 @@
|
||||||
android:layout_height="match_parent"
|
android:layout_height="match_parent"
|
||||||
android:padding="@dimen/padding_album_cover">
|
android:padding="@dimen/padding_album_cover">
|
||||||
|
|
||||||
<code.name.monkey.retromusic.views.CircularImageView
|
<com.google.android.material.imageview.ShapeableImageView
|
||||||
android:id="@+id/player_image"
|
android:id="@+id/player_image"
|
||||||
android:layout_width="0dp"
|
android:layout_width="0dp"
|
||||||
android:layout_height="0dp"
|
android:layout_height="0dp"
|
||||||
android:scaleType="centerCrop"
|
android:scaleType="centerCrop"
|
||||||
app:civ_border="false"
|
app:shapeAppearance="@style/ShapeAppearance.Material3.Circle"
|
||||||
app:civ_shadow="false"
|
|
||||||
app:layout_constraintBottom_toBottomOf="parent"
|
app:layout_constraintBottom_toBottomOf="parent"
|
||||||
app:layout_constraintDimensionRatio="1:1"
|
app:layout_constraintDimensionRatio="1:1"
|
||||||
app:layout_constraintEnd_toEndOf="parent"
|
app:layout_constraintEnd_toEndOf="parent"
|
||||||
|
|
|
||||||
|
|
@ -117,18 +117,17 @@
|
||||||
app:layout_constraintTop_toBottomOf="@+id/nextSongLabel"
|
app:layout_constraintTop_toBottomOf="@+id/nextSongLabel"
|
||||||
tools:text="@tools:sample/lorem/random" />
|
tools:text="@tools:sample/lorem/random" />
|
||||||
|
|
||||||
<code.name.monkey.retromusic.views.CircularImageView
|
<com.google.android.material.imageview.ShapeableImageView
|
||||||
android:id="@+id/artistImage"
|
android:id="@+id/artistImage"
|
||||||
android:layout_width="36dp"
|
android:layout_width="36dp"
|
||||||
android:layout_height="36dp"
|
android:layout_height="36dp"
|
||||||
android:layout_gravity="end"
|
android:layout_gravity="end"
|
||||||
android:layout_marginEnd="8dp"
|
android:layout_marginEnd="8dp"
|
||||||
android:elevation="10dp"
|
android:elevation="10dp"
|
||||||
app:civ_border="false"
|
|
||||||
app:civ_shadow="false"
|
|
||||||
app:layout_constraintBottom_toBottomOf="parent"
|
app:layout_constraintBottom_toBottomOf="parent"
|
||||||
app:layout_constraintEnd_toEndOf="parent"
|
app:layout_constraintEnd_toEndOf="parent"
|
||||||
app:layout_constraintTop_toTopOf="parent"
|
app:layout_constraintTop_toTopOf="parent"
|
||||||
|
app:shapeAppearance="@style/ShapeAppearance.Material3.Circle"
|
||||||
app:srcCompat="@drawable/default_artist_art" />
|
app:srcCompat="@drawable/default_artist_art" />
|
||||||
</androidx.constraintlayout.widget.ConstraintLayout>
|
</androidx.constraintlayout.widget.ConstraintLayout>
|
||||||
|
|
||||||
|
|
@ -139,8 +138,8 @@
|
||||||
android:name="code.name.monkey.retromusic.fragments.player.CoverLyricsFragment"
|
android:name="code.name.monkey.retromusic.fragments.player.CoverLyricsFragment"
|
||||||
android:layout_width="match_parent"
|
android:layout_width="match_parent"
|
||||||
android:layout_height="wrap_content"
|
android:layout_height="wrap_content"
|
||||||
|
android:elevation="20dp"
|
||||||
app:layout_constraintEnd_toEndOf="parent"
|
app:layout_constraintEnd_toEndOf="parent"
|
||||||
app:layout_constraintStart_toStartOf="parent"
|
app:layout_constraintStart_toStartOf="parent"
|
||||||
android:elevation="20dp"
|
app:layout_constraintTop_toBottomOf="@id/playerToolbar" />
|
||||||
app:layout_constraintTop_toBottomOf="@id/playerToolbar"/>
|
|
||||||
</androidx.constraintlayout.widget.ConstraintLayout>
|
</androidx.constraintlayout.widget.ConstraintLayout>
|
||||||
|
|
|
||||||
|
|
@ -254,4 +254,8 @@
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<style name="Theme.AppWidget" parent="Theme.RetroMusic.FollowSystem" />
|
<style name="Theme.AppWidget" parent="Theme.RetroMusic.FollowSystem" />
|
||||||
|
|
||||||
|
<style name="ShapeAppearance.Material3.Circle" parent="">
|
||||||
|
<item name="cornerSize">50%</item>
|
||||||
|
</style>
|
||||||
</resources>
|
</resources>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue