Skip to content

Instantly share code, notes, and snippets.

@atov
Created November 6, 2014 22:53
Show Gist options
  • Save atov/eb9db607e4c735ffd0b0 to your computer and use it in GitHub Desktop.
Save atov/eb9db607e4c735ffd0b0 to your computer and use it in GitHub Desktop.
This gist add the benefit of "com.android.volley.toolbox.NetworkImageView" with a twist of configurable round corners (https://github.com/memoryleak/Android-RoundedImageView). This just works :)
import android.content.Context;
import android.graphics.drawable.shapes.RoundRectShape;
import android.text.TextUtils;
import android.util.AttributeSet;
import android.view.ViewGroup;
import android.widget.ImageView;
import com.android.volley.VolleyError;
import com.android.volley.toolbox.ImageLoader;
import com.android.volley.toolbox.NetworkImageView;
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.*;
import android.graphics.drawable.BitmapDrawable;
import android.graphics.drawable.shapes.RoundRectShape;
import android.util.AttributeSet;
import android.view.View;
import autostop.android.icecode.com.autostop.R;
/**
* Created by antonio on 06/11/14.
*/
public class NetworkImageViewCircle extends ImageView {
private float mTopLeft = 0;
private float mTopRight = 0;
private float mBottomRight = 0;
private float mBottomLeft = 0;
private RoundRectShape mRoundRectShape;
private final Paint paint = new Paint();
private Bitmap mBitmap;
private BitmapShader mBitmapShader;
/** The URL of the network image to load */
private String mUrl;
/**
* Resource ID of the image to be used as a placeholder until the network image is loaded.
*/
private int mDefaultImageId;
/**
* Resource ID of the image to be used if the network response fails.
*/
private int mErrorImageId;
/** Local copy of the ImageLoader. */
private ImageLoader mImageLoader;
/** Current ImageContainer. (either in-flight or finished) */
private ImageLoader.ImageContainer mImageContainer;
public NetworkImageViewCircle(Context context) {
super(context , null);
setLayerType(View.LAYER_TYPE_HARDWARE, null);
}
public NetworkImageViewCircle(Context context, AttributeSet attrs) {
super(context, attrs, 0);
setLayerType(View.LAYER_TYPE_HARDWARE, null);
getAttributes(context, attrs);
}
public NetworkImageViewCircle(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
setLayerType(View.LAYER_TYPE_HARDWARE, null);
getAttributes(context, attrs);
}
private void getAttributes(Context context, AttributeSet attrs) {
final TypedArray typedArrayAttributes = getContext().obtainStyledAttributes(attrs, R.styleable.NetworkImageViewCircle);
mTopLeft = typedArrayAttributes.getDimensionPixelSize(R.styleable.NetworkImageViewCircle_topLeftRadius, 0);
mTopRight = typedArrayAttributes.getDimensionPixelSize(R.styleable.NetworkImageViewCircle_topRightRadius, 0);
mBottomLeft = typedArrayAttributes.getDimensionPixelSize(R.styleable.NetworkImageViewCircle_bottomLeftRadius, 0);
mBottomRight = typedArrayAttributes.getDimensionPixelSize(R.styleable.NetworkImageViewCircle_bottomRightRadius, 0);
mRoundRectShape = new RoundRectShape(new float[]{
mTopLeft, mTopLeft,
mTopRight, mTopRight,
mBottomRight, mBottomRight,
mBottomLeft, mBottomLeft
}, null, null);
}
@Override
protected void onDraw(Canvas canvas) {
if (((BitmapDrawable) getDrawable()) != null) {
mBitmap = ((BitmapDrawable) getDrawable()).getBitmap();
mBitmapShader = new BitmapShader(mBitmap, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP);
}
paint.setAntiAlias(true);
paint.setShader(mBitmapShader);
mRoundRectShape.resize(getWidth(), getHeight());
mRoundRectShape.draw(canvas, paint);
}
public float getTopLeftRadius() {
return mTopLeft;
}
public void setTopLeftRadius(float radius) {
this.mTopLeft = radius;
}
public float getTopRightRadius() {
return mTopRight;
}
public void setTopRightRadius(float radius) {
this.mTopRight = radius;
}
public float getBottomRightRadius() {
return mBottomRight;
}
public void setBottomRightRadius(float radius) {
this.mBottomRight = radius;
}
public float getBottomLeftRadius() {
return mBottomLeft;
}
public void setBottomLeftRadius(float radius) {
this.mBottomLeft = radius;
}
/* --------- */
/**
* Sets URL of the image that should be loaded into this view. Note that calling this will
* immediately either set the cached image (if available) or the default image specified by
* {@link NetworkImageView#setDefaultImageResId(int)} on the view.
*
* NOTE: If applicable, {@link NetworkImageView#setDefaultImageResId(int)} and
* {@link NetworkImageView#setErrorImageResId(int)} should be called prior to calling
* this function.
*
* @param url The URL that should be loaded into this ImageView.
* @param imageLoader ImageLoader that will be used to make the request.
*/
public void setImageUrl(String url, ImageLoader imageLoader) {
mUrl = url;
mImageLoader = imageLoader;
// The URL has potentially changed. See if we need to load it.
loadImageIfNecessary(false);
}
/**
* Sets the default image resource ID to be used for this view until the attempt to load it
* completes.
*/
public void setDefaultImageResId(int defaultImage) {
mDefaultImageId = defaultImage;
}
/**
* Sets the error image resource ID to be used for this view in the event that the image
* requested fails to load.
*/
public void setErrorImageResId(int errorImage) {
mErrorImageId = errorImage;
}
/**
* Loads the image for the view if it isn't already loaded.
* @param isInLayoutPass True if this was invoked from a layout pass, false otherwise.
*/
void loadImageIfNecessary(final boolean isInLayoutPass) {
int width = getWidth();
int height = getHeight();
boolean wrapWidth = false, wrapHeight = false;
if (getLayoutParams() != null) {
wrapWidth = getLayoutParams().width == ViewGroup.LayoutParams.WRAP_CONTENT;
wrapHeight = getLayoutParams().height == ViewGroup.LayoutParams.WRAP_CONTENT;
}
// if the view's bounds aren't known yet, and this is not a wrap-content/wrap-content
// view, hold off on loading the image.
boolean isFullyWrapContent = wrapWidth && wrapHeight;
if (width == 0 && height == 0 && !isFullyWrapContent) {
return;
}
// if the URL to be loaded in this view is empty, cancel any old requests and clear the
// currently loaded image.
if (TextUtils.isEmpty(mUrl)) {
if (mImageContainer != null) {
mImageContainer.cancelRequest();
mImageContainer = null;
}
setDefaultImageOrNull();
return;
}
// if there was an old request in this view, check if it needs to be canceled.
if (mImageContainer != null && mImageContainer.getRequestUrl() != null) {
if (mImageContainer.getRequestUrl().equals(mUrl)) {
// if the request is from the same URL, return.
return;
} else {
// if there is a pre-existing request, cancel it if it's fetching a different URL.
mImageContainer.cancelRequest();
setDefaultImageOrNull();
}
}
// Calculate the max image width / height to use while ignoring WRAP_CONTENT dimens.
int maxWidth = wrapWidth ? 0 : width;
int maxHeight = wrapHeight ? 0 : height;
// The pre-existing content of this view didn't match the current URL. Load the new image
// from the network.
ImageLoader.ImageContainer newContainer = mImageLoader.get(mUrl,
new ImageLoader.ImageListener() {
@Override
public void onErrorResponse(VolleyError error) {
if (mErrorImageId != 0) {
setImageResource(mErrorImageId);
}
}
@Override
public void onResponse(final ImageLoader.ImageContainer response, boolean isImmediate) {
// If this was an immediate response that was delivered inside of a layout
// pass do not set the image immediately as it will trigger a requestLayout
// inside of a layout. Instead, defer setting the image by posting back to
// the main thread.
if (isImmediate && isInLayoutPass) {
post(new Runnable() {
@Override
public void run() {
onResponse(response, false);
}
});
return;
}
if (response.getBitmap() != null) {
setImageBitmap(response.getBitmap());
} else if (mDefaultImageId != 0) {
setImageResource(mDefaultImageId);
}
}
}, maxWidth, maxHeight);
// update the ImageContainer to be the new bitmap container.
mImageContainer = newContainer;
}
private void setDefaultImageOrNull() {
if(mDefaultImageId != 0) {
setImageResource(mDefaultImageId);
}
else {
setImageBitmap(null);
}
}
@Override
protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
super.onLayout(changed, left, top, right, bottom);
loadImageIfNecessary(true);
}
@Override
protected void onDetachedFromWindow() {
if (mImageContainer != null) {
// If the view was bound to an image request, cancel it and clear
// out the image from the view.
mImageContainer.cancelRequest();
setImageBitmap(null);
// also clear out the container so we can reload the image if necessary.
mImageContainer = null;
}
super.onDetachedFromWindow();
}
@Override
protected void drawableStateChanged() {
super.drawableStateChanged();
invalidate();
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment