Question

我想制作一个ImageView循环。我尝试了here给出的解决方案，但是这个解决方案不适用于从服务器获取的图像。我想要一个使用XML的解决方案，因为我不想使用任何其他替代方案。

Answer 1

根本不需要使用库。只是一个自定义的ImageView类。

 import android.annotation.SuppressLint;
 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.Paint;
 import android.graphics.Shader;
 import android.graphics.drawable.BitmapDrawable;
 import android.graphics.drawable.Drawable;
 import android.util.AttributeSet;
 import android.widget.ImageView;

 /**
 * The Class CircularImageView.
 */
 public class CircularImageView extends ImageView {

 /** The canvas size. */
 private float canvasSize, borderWidth;

/** The image. */
private Bitmap image;

/** The paint. */
private Paint paint;

/** The paint border. */
private Paint paintBorder;

/**
 * Instantiates a new circular image view.
 *
 * @param context
 *            the context
 */
public CircularImageView(final Context context) {
    this(context, null);
}

/**
 * Instantiates a new circular image view.
 *
 * @param context
 *            the context
 * @param attrs
 *            the attrs
 */
public CircularImageView(Context context, AttributeSet attrs) {
    this(context, attrs, R.attr.circularImageViewStyle);
}

/**
 * Instantiates a new circular image view.
 *
 * @param context
 *            the context
 * @param attrs
 *            the attrs
 * @param defStyle
 *            the def style
 */
public CircularImageView(Context context, AttributeSet attrs, int defStyle) {
    super(context, attrs, defStyle);

    paint = new Paint();
    paint.setAntiAlias(true);
    paintBorder = new Paint();
    paintBorder.setAntiAlias(true);

    TypedArray attributes = context.obtainStyledAttributes(attrs,
            R.styleable.CircularImageView, defStyle, 0);
    if (attributes.getBoolean(R.styleable.CircularImageView_border, true)) {
        setBorderWidth(attributes.getDimensionPixelOffset(
                R.styleable.CircularImageView_border_width, 0));
        setBorderColor(attributes.getColor(
                R.styleable.CircularImageView_border_color, Color.WHITE));
    }

}

/**
 * Sets the border width.
 *
 * @param borderWidth
 *            the new border width
 */
public void setBorderWidth(int borderWidth) {
    this.borderWidth = borderWidth;
    this.requestLayout();
    this.invalidate();
}

/**
 * Sets the border color.
 *
 * @param borderColor
 *            the new border color
 */
public void setBorderColor(int borderColor) {
    if (paintBorder != null)
        paintBorder.setColor(borderColor);
    this.invalidate();
}

/**
 * Adds the shadow.
 */
public void addShadow() {
    setLayerType(LAYER_TYPE_SOFTWARE, paintBorder);
    paintBorder.setShadowLayer(4.0f, 0.0f, 2.0f, Color.BLACK);
}

/*
 * (non-Javadoc)
 * 
 * @see android.widget.ImageView#onDraw(android.graphics.Canvas)
 */
@SuppressLint("DrawAllocation")
@Override
public void onDraw(Canvas canvas) {
    image = drawableToBitmap(getDrawable());
    if (image != null) {
        canvasSize = canvas.getWidth();
        if (canvas.getHeight() < canvasSize)
            canvasSize = canvas.getHeight();
        BitmapShader shader = new BitmapShader(Bitmap.createScaledBitmap(
                image, (int) canvasSize, (int) canvasSize, false),
                Shader.TileMode.CLAMP, Shader.TileMode.CLAMP);
        paint.setShader(shader);

        float circleCenter = (canvasSize - (borderWidth * 2)) / 2;
        canvas.drawCircle(circleCenter + borderWidth, circleCenter
                + borderWidth, ((canvasSize - (borderWidth * 2)) / 2)
                + borderWidth - 4, paintBorder);
        canvas.drawCircle(circleCenter + borderWidth, circleCenter
                + borderWidth, ((canvasSize - (borderWidth * 2)) / 2) - 4,
                paint);
    }
}

/*
 * (non-Javadoc)
 * 
 * @see android.widget.ImageView#onMeasure(int, int)
 */
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    int width = measureWidth(widthMeasureSpec);
    int height = measureHeight(heightMeasureSpec);
    setMeasuredDimension(width, height);
}

/**
 * Measure width.
 *
 * @param measureSpec
 *            the measure spec
 * @return the int
 */
private int measureWidth(int measureSpec) {
    int result = 0;
    int specMode = MeasureSpec.getMode(measureSpec);
    int specSize = MeasureSpec.getSize(measureSpec);
    if (specMode == MeasureSpec.EXACTLY) {
        result = specSize;
    } else if (specMode == MeasureSpec.AT_MOST) {
        result = specSize;
    } else {
        result = (int) canvasSize;
    }
    return result;
}

/**
 * Measure height.
 *
 * @param measureSpecHeight
 *            the measure spec height
 * @return the int
 */
private int measureHeight(int measureSpecHeight) {
    int result = 0;
    int specMode = MeasureSpec.getMode(measureSpecHeight);
    int specSize = MeasureSpec.getSize(measureSpecHeight);
    if (specMode == MeasureSpec.EXACTLY) {
        result = specSize;
    } else if (specMode == MeasureSpec.AT_MOST) {
        result = specSize;
    } else {
        result = (int) canvasSize;
    }
    return result;
}

/**
 * Drawable to bitmap.
 *
 * @param drawable
 *            the drawable
 * @return the bitmap
 */
public Bitmap drawableToBitmap(Drawable drawable) {
    if (drawable == null) {
        return null;
    } else if (drawable instanceof BitmapDrawable) {
        return ((BitmapDrawable) drawable).getBitmap();
    }
    Bitmap bitmap = Bitmap.createBitmap(drawable.getIntrinsicWidth(),
            drawable.getIntrinsicHeight(), Bitmap.Config.ARGB_8888);
    Canvas canvas = new Canvas(bitmap);
    drawable.setBounds(0, 0, canvas.getWidth(), canvas.getHeight());
    drawable.draw(canvas);
    return bitmap;
}

}

 and in attrs.xml
   <declare-styleable name="CircularImageView">
    <attr name="border" format="boolean"></attr>
    <attr name="border_width" format="dimension"></attr>
    <attr name="border_color" format="color"></attr>
    <attr name="shadow" format="boolean"></attr>
</declare-styleable>
<declare-styleable name="Theme">
    <attr name="circularImageViewStyle" format="reference"></attr>
</declare-styleable>

Thatsolve :)

in xml
 <package.views.CircularImageView
 android:id="@+id/img_pic"
 android:layout_width="wrap_content"
 android:layout_height="wrap-content"
 android:src="@drawable/user_profile_image" />

Answer 2

我有一个给你。无需第三方依赖。在ImageView中将 src 更改为 background 和 background 作为 src 如下 image_circle.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:width="60dp"
android:height="60dp">
<shape android:shape="rectangle">
<stroke android:width="10dp" android:color="@color/white"/>
</shape>
</item>
<item android:width="60dp"
android:height="60dp">
<shape android:shape="oval">
<stroke android:color="@color/white" android:width="10dp"/>
</shape>
</item>
</layer-list>

在布局xml中

<ImageView android:layout_width="50dp"
android:layout_height="50dp"
android:src="@drawable/image"
android:background="@drawable/picture"/>

Answer 3

如果您只想使用XML来做到这一点，答案是：您不能。

您需要做的是创建图像视图，就像在您指出的ImageView in circular through xml解决方案中一样，并在从服务器重新获取后，以编程方式设置ImageView的背景。

在您的活动中：

ListView

此代码段只会更改图片视图的背景。它不会改变它的形状。

Android中的循环ImageView使用XML

3 个答案: