android : 피카소로 원형 이미지 만들기


108

질문을 받았으며 내가 사용하고있는 바로 그 버전의 Picasso에 대한 약속이있었습니다. Picasso를 사용하여 ImageView에 원형 비트 맵을 보내려면 어떻게해야합니까? 나는 피카소를 처음 접했고 내가 사용한 유일한 것은

Picasso.with(context).load(url).resize(w, h).into(imageview);

나는 이미 https://gist.github.com/julianshen/5829333을 찾았 지만 위의 줄과 어색하지 않은 방식으로 결합하는 방법을 모르겠습니다.


당신이 준 링크는 당신 자신의 질문에 답하기에 충분했습니다. 그리고 Picasso.with (activity) .load (mayorShipImageLink) .transform (new CircleTransform ()). into (ImageView); 만 적용하면됩니다.
lagos

답변:


286

사용 가능한 답변이 있으므로 조금 전에 조사하십시오. 어쨌든 이 링크를 따라 가며 사용 방법을 알기 위해주의 깊게 읽으십시오.

이 시도:

import com.squareup.picasso.Transformation;

public class CircleTransform 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,
                Shader.TileMode.CLAMP, Shader.TileMode.CLAMP);
        paint.setShader(shader);
        paint.setAntiAlias(true);

        float r = size / 2f;
        canvas.drawCircle(r, r, r, paint);

        squaredBitmap.recycle();
        return bitmap;
    }

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

그런 다음 다음과 같이 적용하십시오.

Picasso.with(activity).load(mayorShipImageLink).transform(new CircleTransform()).into(ImageView);

@ anirudh-sharma 다음 가져 오기를 추가해야합니다. import android.graphics.Bitmap; import android.graphics.BitmapShader; import android.graphics.Canvas; import android.graphics.Paint; import com.squareup.picasso.Transformation;
AG1

1
@all : gif 이미지에서 null 포인터 예외가 발생하면 다음을 확인하십시오
Cerlin

Kotlin에서도 매력처럼 작동합니다. , 기존 API에 대한 하나의 변화를 BitmapShader.TileMode.CLAMP더 이상 exsting하지 않습니다, 나는 대답 업데이트 한
sud007

작동하지 않습니다! 잠재적 치명적 신호 6 (SIGBART) , 이는 bitmap.recycle ()이 실제로 메모리에서 굴절을 제거하고 signal 6 (SIGABRT), code -6 (SI_TKILL), fault addr -------- 11-12 00:03:47.941 29091 29091 F DEBUG : Abort message: 'Error, cannot access an invalid/free'd bitmap here!'-> Abort 메시지를 유발 함을 의미합니다 : '오류, 여기에서 유효하지 않은 / 해제 된 비트 맵에 액세스 할 수 없습니다! 메모리에서 수집 된 가비지이기 때문입니다. bitmap.recycle오래된 Android 기기에 사용됩니다.
Haroun Hajem

47

여기에 support-v4 라이브러리 에서 제공하는 것이 있습니다 ! RoundedBitmapDrawable을 살펴보십시오 . 직접 굴릴 필요가 없습니다.

Picasso.with(context).load(url)
                        .resize(w, h)
                        .into(myImageView, new Callback() {
                            @Override
                            public void onSuccess() {
                                Bitmap imageBitmap = ((BitmapDrawable) myImageView.getDrawable()).getBitmap();
                                RoundedBitmapDrawable imageDrawable = RoundedBitmapDrawableFactory.create(getResources(), imageBitmap);
                                imageDrawable.setCircular(true);
                                imageDrawable.setCornerRadius(Math.max(imageBitmap.getWidth(), imageBitmap.getHeight()) / 2.0f);
                                myImageView.setImageDrawable(imageDrawable);
                            }
                            @Override
                            public void onError() {
                                myImageView.setImageResource(R.drawable.default_image);
                            }
                        });

참고 : Picasso에는 이론적으로 사용할 수 있는 .transform (customTransformation) 호출도 있지만 문제가있었습니다. 이것은 위의 작동합니다. 행운을 빕니다!


이것은 정사각형 이미지에서 완벽하게 작동합니다. 모든 이미지의 모서리 반경에 Math.min을 사용합니다. imageDrawable.setCornerRadius (Math.min (imageBitmap.getWidth (), imageBitmap.getHeight ()) / 2.0f);
Xplosive

원본 비트 맵에서 둥근 비트 맵을 만드는 데 오랜 시간이 걸릴 수 있으므로 OnSuccess ()에서 별도의 스레드를 만들어야하지 않습니까?
HasaDev

17

내가 찾은 또 다른 대안은이 사람들 도서관이었습니다. 독립 실행 형 또는 Picasso와 함께 작동합니다. 다음과 같이 피카소 경로를 선택했습니다.

https://github.com/vinc3m1/RoundedImageView

Transformation transformation = new RoundedTransformationBuilder()
          .borderColor(Color.BLACK)
          .borderWidthDp(3)
          .cornerRadiusDp(30)
          .oval(false)
          .build();

Picasso.with(context)
    .load(url)
    .fit()
    .transform(transformation)
    .into(imageView);

나를 위해 일했습니다!


12

Picasso를위한 변환 라이브러리가 있습니다.

gradle 종속성을 추가하십시오.

implementation 'jp.wasabeef:picasso-transformations:2.2.1'

사용 종료

Picasso.with(context)
       .load(url)
       .resize(w, h)
       .transform(new CropCircleTransformation())
       .into(imageview);

Wiki : 피카소 변환


이 질문에 대한 완벽한 답입니다.

10

나는 위의 모든 솔루션을 시도했지만 그들 중 어느 것도 사진을 자르지 않고 원 변환을 제공하지 않습니다.이 솔루션은 너비와 높이가 같은 이미지에만 작동합니다 .. 이것은 위의 솔루션입니다.

먼저 ------

Picasso.with(getActivity())
            .load(url)
            .error(R.drawable.image2)
            .placeholder(R.drawable.ic_drawer)
            .resize(200, 200)
            .transform(new ImageTrans_CircleTransform())
            .into(imageView1);

그런 다음 이것을하십시오 --------

import android.graphics.Bitmap;
import android.graphics.BitmapShader;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Shader.TileMode;

import com.squareup.picasso.Transformation;
public class ImageTrans_CircleTransform implements Transformation {
 @Override
    public Bitmap transform(Bitmap source) {
 if (source == null || source.isRecycled()) {
                return null;
            }

            final int width = source.getWidth() + borderwidth;
            final int height = source.getHeight() + borderwidth;

            Bitmap canvasBitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);
            BitmapShader shader = new BitmapShader(source, TileMode.CLAMP, TileMode.CLAMP);
            Paint paint = new Paint();
            paint.setAntiAlias(true);
            paint.setShader(shader);

            Canvas canvas = new Canvas(canvasBitmap);
            float radius = width > height ? ((float) height) / 2f : ((float) width) / 2f;
            canvas.drawCircle(width / 2, height / 2, radius, paint);

            //border code
            paint.setShader(null);
            paint.setStyle(Paint.Style.STROKE);
            paint.setColor(bordercolor);
            paint.setStrokeWidth(borderwidth);
            canvas.drawCircle(width / 2, height / 2, radius - borderwidth / 2, paint);
            //--------------------------------------

            if (canvasBitmap != source) {
                source.recycle();
            }

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

8

이 라이브러리를 사용하여 원형 이미지보기를 만듭니다. 원형 ImageView를 만들려면이 CircularImageView 라이브러리를 프로젝트 에 추가하고 레이아웃 XML에 CircularImageView를 추가하십시오.

<com.pkmmte.view.CircularImageView
        android:layout_width="250dp"
        android:layout_height="250dp"
        android:src="@drawable/image"
        app:border_color="#EEEEEE"
        app:border_width="4dp"
        app:shadow="true" />`

그런 다음 picasso를 사용하여이 imageView에 필요한 이미지를로드합니다. Picasso는 걱정할 필요가없는 모든 캐싱을 수행합니다.


2

아래 코드와 함께 Layer- 목록 유형의 xml 드로어 블 포함

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:id="@+id/shape_status">
        <shape android:shape="oval">
            <solid android:color="@android:color/black"/>
        </shape>
    </item>
<item android:drawable="@drawable/ic_status_content"/></layer-list>

그런 다음 android.src의 ImageView에 xml을 사용하십시오.

 <ImageView
            android:id="@+id/iconStatus"
            android:layout_width="55dp"
            android:layout_height="55dp"
            android:layout_gravity="right"
            android:src="@drawable/ic_circle_status"
            android:layout_alignParentTop="true"
            android:layout_alignParentEnd="true"/>


0

이것은 현재 Picasso 3 스냅 샷과 함께 작동합니다.

class CircleTransformation : Transformation {

  override fun transform(source: RequestHandler.Result): RequestHandler.Result {
    if (source.bitmap == null) {
      return source
    }

    var bitmap: Bitmap

    // since we cant transform hardware bitmaps create a software copy first
    if (VERSION.SDK_INT >= VERSION_CODES.O && source.bitmap!!.config == Config.HARDWARE) {
      val softwareCopy = source.bitmap!!.copy(Config.ARGB_8888, true)
      if (softwareCopy == null) {
        return source
      } else {
        bitmap = softwareCopy
        source.bitmap!!.recycle()
      }
    } else {
      bitmap = source.bitmap!!
    }

    var size = bitmap.width
    // if bitmap is non-square first create square one
    if (size != bitmap.height) {
      var sizeX = size
      var sizeY = bitmap.height
      size = Math.min(sizeY, sizeX)
      sizeX = (sizeX - size) / 2
      sizeY = (sizeY - size) / 2

      val squareSource = Bitmap.createBitmap(bitmap, sizeX, sizeY, size, size)
      bitmap.recycle()
      bitmap = squareSource
    }

    val circleBitmap = Bitmap.createBitmap(size, size, Config.ARGB_8888)
    val canvas = Canvas(circleBitmap)
    val paint = Paint()
    val shader = BitmapShader(bitmap, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP)

    paint.shader = shader
    paint.isAntiAlias = true
    val centerAndRadius = size / 2f
    canvas.drawCircle(centerAndRadius, centerAndRadius, centerAndRadius, paint)

    bitmap.recycle()
    return RequestHandler.Result(circleBitmap, source.loadedFrom, source.exifRotation)
  }

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

Picasso3 요점 : https://gist.github.com/G00fY2/f3fbc468570024930c1fd9eb4cec85a1


0

Picasso v2.71828에서 저에게 효과적이었습니다.

class CircleTransform : Transformation {
override fun transform(source: Bitmap?): Bitmap? {
    if (source == null) {
        return source
    }

    var bitmap: Bitmap

    // since we cant transform hardware bitmaps create a software copy first
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O && source.config == Bitmap.Config.HARDWARE) {
        val softwareCopy = source.copy(Bitmap.Config.ARGB_8888, true)
        if (softwareCopy == null) {
            return source
        } else {
            bitmap = softwareCopy
            source.recycle()
        }
    } else {
        bitmap = source
    }

    var size = bitmap.width
    // if bitmap is non-square first create square one
    if (size != bitmap.height) {
        var sizeX = size
        var sizeY = bitmap.height
        size = Math.min(sizeY, sizeX)
        sizeX = (sizeX - size) / 2
        sizeY = (sizeY - size) / 2

        val squareSource = Bitmap.createBitmap(bitmap, sizeX, sizeY, size, size)
        bitmap.recycle()
        bitmap = squareSource
    }

    val circleBitmap = Bitmap.createBitmap(size, size, Bitmap.Config.ARGB_8888)
    val canvas = Canvas(circleBitmap)
    val paint = Paint()
    val shader = BitmapShader(bitmap, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP)

    paint.shader = shader
    paint.isAntiAlias = true
    val centerAndRadius = size / 2f
    canvas.drawCircle(centerAndRadius, centerAndRadius, centerAndRadius, paint)

    bitmap.recycle()
    return circleBitmap
}


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

}

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.