Created
November 6, 2014 22:53
-
-
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 :)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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