android：ピカソで円形画像を作成
質問があり、私が使用しているピカソのまさにそのバージョンに対して約束がありました。ピカソを使用してImageViewに循環ビットマップを送信するにはどうすればよいですか？私はピカソが初めてで、使用したのは
Picasso.with(context).load(url).resize(w, h).into(imageview);
私はすでに https://Gist.github.com/julianshen/58293 を見つけましたが、それを上記の行と厄介な方法で組み合わせる方法がわかりません。
利用可能な答えがあるので、少し前に研究してください。とにかく、 このリンク をフォローし、使用方法を知るために注意深く読んでください。
これを試して：
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);
ここに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）呼び出しもあり、理論的には使用できますが、問題がありました。上記の動作します。がんばろう！
私が見つけた別の選択肢は、この人のライブラリでした。スタンドアロンで、または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);
私のために働いた！
上記のすべてのソリューションを試しましたが、画像をトリミングせずにサークル変換を行うことはできません。これらのソリューションは、同じ幅と高さの画像でのみ機能します。これは上記の私のソリューションです
最初 - - -
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";
}
}
このライブラリを使用して、円形の画像ビューを作成します。 循環ImageViewを作成するには、このCircularImageViewライブラリをプロジェクトに追加します およびCircularImageViewをレイアウトXMLに追加します
<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は、心配する必要のないキャッシュをすべて実行します。
Gradle依存関係を追加
implementation 'jp.wasabeef:picasso-transformations:2.2.1'
最終使用
Picasso.with(context)
.load(url)
.resize(w, h)
.transform(new CropCircleTransformation())
.into(imageview);
Wiki： ピカソ変換
タイプLayer-listの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の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"/>
これは私のために働いた
<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
これは現在の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 Gist： https://Gist.github.com/G00fY2/f3fbc468570024930c1fd9eb4cec85a1
これが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()"
}
}