android:用毕加索创build圆形图像

这个问题已经被问及,我曾经为使用毕加索的版本做出了承诺:如何使用毕加索发送一个循环位图到ImageView? 我是毕加索的新手,我唯一使用的是

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

我已经find了https://gist.github.com/julianshen/5829333,但我不知道如何以非尴尬的方式将它与上面的行结合起来。

有一些可用的答案之前研究一下。 无论如何,请遵循此链接并仔细阅读,以了解如何使用它。

尝试这个:

 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, BitmapShader.TileMode.CLAMP, BitmapShader.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); 

这里是由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); } }); 

注:毕加索也有一个.transform(customTransformation)调用,你可以理论上使用,但是,我有问题。 这上面的作品。 祝你好运!

我发现另一个select是这个家伙图书馆。 它可以单独使用,也可以与毕加索一起使用。 我select了毕加索的路线,如下所示:

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); 

为我工作!

我已经尝试了上述所有的解决scheme,但没有一个给我的圆形转换没有裁剪图片..这种解决scheme将只适用于相同的宽度和高度的图像..这是我的解决scheme上面

先——

 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"; } } 

使用这个库来创build一个圆形的imageview。 要制作一个圆形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中。 毕加索做所有的caching你不需要担心它

用下面的代码包含types层列表的xml drawable

 <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中使用xml到你的ImageView

  <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"/> 

这个为我工作

 <com.androidhub4you.crop.RoundedImageView android:id="@+id/imageView_round" android:layout_width="100dp" android:layout_height="100dp" android:layout_marginTop="15dp" android:src="@drawable/ic_launcher" /> 

http://www.androidhub4you.com/2014/10/android-custom-shape-imageview-rounded.html