使用picasso制作带圆角的ImageView

问题描述 投票：0回答：8

我知道有很多链接可用于制作

ImageView
圆角。 但我正在使用 
Picasso
库进行图像加载.. 我参考link来获得结果。 但问题是我在 
ListView
 中使用它，并且对于 
LIstView's
第一项 
ImageView
它工作得很好，但对于剩下的一旦转换不起作用。

android imageview picasso
8个回答
60
投票

我正在使用这种转换： https://gist.github.com/julianshen/5829333

Picasso.with(activity).load(url).transform(new CircleTransform()).into(imageView);
40
投票

您可以使用 picasso-transformations 库的 RoundedCornersTransformation 类。

示例：

final int radius = 5;
final int margin = 5;
final Transformation transformation = new RoundedCornersTransformation(radius, margin);
Picasso.with(activity).load(url).transform(transformation).into(imageView);
31
投票

你可以使用这个类用Picasso制作圆角矩形图像视图，像这样使用它

 Picasso.with(activity).load(url).transform(new RoundedCornersTransform(this)).into(imageView);

这是 RoundedCornersTransform 类。

package com.demo.picasso;

import android.graphics.Bitmap;
import android.graphics.BitmapShader;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.RectF;

import com.squareup.picasso.Transformation;


public class RoundedCornersTransform implements Transformation {
@Override
public Bitmap transform(Bitmap source) {
    int size = Math.min(source.getWidth(), source.getHeight());

    int x = (source.getWidth() - size) / 2;
    int y = (source.getHeight() - size) / 2;

    Bitmap squaredBitmap = Bitmap.createBitmap(source, x, y, size, size);
    if (squaredBitmap != source) {
        source.recycle();
    }

    Bitmap bitmap = Bitmap.createBitmap(size, size, source.getConfig());

    Canvas canvas = new Canvas(bitmap);
    Paint paint = new Paint();
    BitmapShader shader = new BitmapShader(squaredBitmap, BitmapShader.TileMode.CLAMP, BitmapShader.TileMode.CLAMP);
    paint.setShader(shader);
    paint.setAntiAlias(true);

    float r = size / 8f;
    canvas.drawRoundRect(new RectF(0, 0, source.getWidth(), source.getHeight()), r, r, paint);
    squaredBitmap.recycle();
    return bitmap;
}

@Override
public String key() {
    return "rounded_corners";
  }
}
12
投票

我使用了

RoundedCornersTransformation
库的
picasso-transformations
类。我的列表视图中有带有视图持有者模式的自定义适配器。我在我的 
build.gradle
中添加了以下依赖项： 

dependencies {
        compile 'jp.wasabeef:picasso-transformations:2.1.0'
}

在我的

customArrayAdapter.java
中，我补充道：

Picasso.with(getContext()).load(path).transform(new RoundedCornersTransformation(10,10)).resize(175,300).into(viewHolder.ivImage);

这会调整图像大小并为图像提供圆角。

8
投票

就像这里所说的那样。您可以使用 

MaskTransformation
picasso-transformations 库类。

示例：

final Transformation transformation = new MaskTransformation(getContext(), R.drawable.rounded_convers_transformation);
Picasso.with(activity).load(url).transform(transformation).into(imageView);

res/drawable/rounded_convers_transformation.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
       android:shape="rectangle">
    <corners android:radius="5dp"/>
    <solid android:color="@color/black"/>
</shape>

更新：但请注意，您还应该

.resize(w,h)
图像，因为如果图像很大，则回合将无法确定

6
投票

基于 @stevyhacker 的回答的 RoundCornerTransform 的 Kotlin 版本。

  • 支持矩形而不是正方形图像。
  • 不需要额外的第3方库。

=================================================

import android.graphics.*
import com.squareup.picasso.Transformation

class RoundCornersTransform(private val radiusInPx: Float) : Transformation {

    override fun transform(source: Bitmap): Bitmap {
        val bitmap = Bitmap.createBitmap(source.width, source.height, source.config)
        val canvas = Canvas(bitmap)
        val paint = Paint(Paint.ANTI_ALIAS_FLAG or Paint.DITHER_FLAG)
        val shader = BitmapShader(source, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP)
        paint.shader = shader
        val rect = RectF(0.0f, 0.0f, source.width.toFloat(), source.height.toFloat())
        canvas.drawRoundRect(rect, radiusInPx, radiusInPx, paint)
        source.recycle()

        return bitmap
    }

    override fun key(): String {
        return "round_corners"
    }

}

用途：

    Picasso.get()
        .load(imageUrl)
        .memoryPolicy(MemoryPolicy.NO_CACHE)
        .placeholder(R.drawable.image_placeholder)
        .transform(RoundCornersTransform(32.0f))
        .into(imageView, callback)
3
投票

根据@stevyhacker的回答和相关的回答，我想出了这个：

import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.PorterDuff;
import android.graphics.PorterDuffXfermode;
import android.graphics.Rect;
import android.graphics.RectF;

import com.squareup.picasso.Transformation;


public class RoundedCornersTransform implements Transformation {
    private static Bitmap createRoundedRectBitmap(Bitmap bitmap,
                                                  float topLeftCorner, float topRightCorner,
                                                  float bottomRightCorner, float bottomLeftCorner) {
        Bitmap output = Bitmap.createBitmap(bitmap.getWidth(), bitmap.getHeight(),
                Bitmap.Config.ARGB_8888);
        Canvas canvas = new Canvas(output);

        final int color = Color.WHITE;
        final Paint paint = new Paint();
        final Rect rect = new Rect(0, 0, bitmap.getWidth(), bitmap.getHeight());
        final RectF rectF = new RectF(rect);
        Path path = new Path();
        float[] radii = new float[]{
                topLeftCorner, bottomLeftCorner,
                topRightCorner, topRightCorner,
                bottomRightCorner, bottomRightCorner,
                bottomLeftCorner, bottomLeftCorner
        };

        paint.setAntiAlias(true);
        canvas.drawARGB(0, 0, 0, 0);
        paint.setColor(color);
        path.addRoundRect(rectF, radii, Path.Direction.CW);
        canvas.drawPath(path, paint);
        paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));
        canvas.drawBitmap(bitmap, rect, rect, paint);
        return output;
    }

    @Override
    public Bitmap transform(Bitmap source) {
        int size = Math.min(source.getWidth(), source.getHeight());

        int x = (source.getWidth() - size) / 2;
        int y = (source.getHeight() - size) / 2;

        Bitmap squaredBitmap = Bitmap.createBitmap(source, x, y, size, size);
        if (squaredBitmap != source) {
            source.recycle();
        }

        float r = size / 4f;

        Bitmap roundedBitmap = createRoundedRectBitmap(squaredBitmap, r, r, r, r);

        squaredBitmap.recycle();

        return roundedBitmap;
    }

    @Override
    public String key() {
        return "rounded_corners";
    }
}

像这样使用它：

Picasso.with(context).load(url).transform(new RoundedCornersTransform()).into(imageView);

不过可能需要一些增强功能，所以要小心！

0
投票

请检查此源代码

https://github.com/sminrana/picasso-android

Android 中的毕加索圆角和圆形变换

在您的项目中添加毕加索

implementation 'com.squareup.picasso:picasso:2.8'

获取PicassoCircleTransformation和PicassoRoundedCornerTransformation的源代码

final Transformation circleTransformation = new PicassoCircleTransformation();
Picasso.get()  
        .load(URL)  
        .transform(circleTransformation)  
        .into(ImageView);


final Transformation roundedTransformation = new PicassoRoundedCornerTransformation(32.0f);
Picasso.get().load(URL)  
        .transform(roundedTransformation)   
        .into(ImageView);

package YOUR_PACKAGE;

import android.graphics.Bitmap;
import android.graphics.BitmapShader;
import android.graphics.Canvas;
import android.graphics.Paint;

import com.squareup.picasso.Transformation;

public class PicassoCircleTransformation implements Transformation {

    public Bitmap transform(Bitmap source) {
        int size = Math.min(source.getWidth(), source.getHeight());
        int x = (source.getWidth() - size) / 2;
        int y = (source.getHeight() - size) / 2;
        float r = size / 2f;

        Bitmap squaredBitmap = Bitmap.createBitmap(source, x, y, size, size);
        if (squaredBitmap != source) {
            source.recycle();
        }

        Bitmap bitmap = Bitmap.createBitmap(size, size, source.getConfig());

        Canvas canvas = new Canvas(bitmap);
        Paint paint = new Paint();
        BitmapShader shader = new BitmapShader(squaredBitmap, BitmapShader.TileMode.CLAMP, BitmapShader.TileMode.CLAMP);
        paint.setShader(shader);
        paint.setAntiAlias(true);

        Paint paintBg = new Paint();
        paintBg.setAntiAlias(true);
        paint.setColor(0xFF141c26);
        paint.setStrokeWidth(2);
        paint.setStyle(Paint.Style.FILL_AND_STROKE);

        canvas.drawCircle(r, r, r, paintBg);
        canvas.drawCircle(r, r, r - 2, paint);

        squaredBitmap.recycle();

        return bitmap;
    }

    @Override public String key() { return String.valueOf(Math.random()); }
}


package YOUR_PACKAGE;

import com.squareup.picasso.Transformation;
import android.graphics.Bitmap;
import android.graphics.BitmapShader;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.RectF;
import android.graphics.Shader;

public class PicassoRoundedCornerTransformation implements Transformation {

    private float mRadius;

    public PicassoRoundedCornerTransformation(float radius) {
        this.mRadius = radius;
    }

    @Override
    public Bitmap transform(Bitmap source) {
        int width = source.getWidth();
        int height = source.getHeight();

        Bitmap bitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);

        Canvas canvas = new Canvas(bitmap);
        Paint paint = new Paint();
        paint.setAntiAlias(true);
        paint.setShader(new BitmapShader(source, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP));

        float mMargin = 0.0f;
        float right = width - mMargin;
        float bottom = height - mMargin;
        canvas.drawRoundRect(new RectF(mMargin, mMargin, right, bottom), mRadius, mRadius, paint);

        source.recycle();

        return bitmap;
    }

    @Override public String key() { return String.valueOf(Math.random()); }
}
最新问题
© www.soinside.com 2019 - 2024. All rights reserved.