web-dev-qa-db-ja.com

円画像ビューでのピカソライブラリの使用

私はピカソライブラリを使用してURLから画像をダウンロードし、これを円画像ビューに渡すことを検討していますが、ピカソでは実際のimageViewを渡す必要があるため、それを行う方法に行き詰まりました

私はここからpicassoライブラリを使用しています http://square.github.io/picasso/ およびここから円画像ビュークラス https://github.com/hdodenhof/CircleImageView

これが画像を取得するためのコードの始まりです

private void getData() {

    userName.setText(prefs.getString("userName",""));
    jobTitle.setText(prefs.getString("profile",""));
    userLocation.setText(prefs.getString("location",""));




    // ??????    

    // Picasso.with(context).load(image link here).into(imageview here);

    //CircleImageView img = new CircleImageView(this);
    //img.setImageResource();
    //img.setImageBitmap();
    //img.setImageDrawable();
    //img.setImageURI();

}

編集：

これはcircleImageViewのxmlです

<michael.CircleImageView
 Android:layout_width="100dp"
 Android:layout_height="100dp"
 Android:src="@drawable/shadow"
 Android:layout_gravity="center"
 Android:layout_marginTop="16dp"
 app:border_width="2dp"
 app:border_color="#274978"
 Android:id="@+id/circleImageView"
androidimageviewpicasso
19
MichaelStoddart

これを使って

活動クラス

public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        String imageUrl = "https://www.baby-connect.com/images/baby2.gif";

        CircleImageView imageView = (CircleImageView) findViewById(R.id.image);

        Picasso.with(getApplicationContext()).load(imageUrl)
                .placeholder(R.drawable.images).error(R.drawable.ic_launcher)
                .into(imageView);
    }
}

レイアウトファイル

<de.hdodenhof.circleimageview.CircleImageView
    Android:id="@+id/image"
    Android:layout_width="160dp"
    Android:layout_height="160dp"
    Android:layout_centerInParent="true"
    Android:src="@drawable/images"
    app:border_color="#ffffff"
    app:border_width="2dp" />

これは正常に動作しています。

19
Sandeep Singh

CircleImageViewライブラリは必要ないと思います

循環変換を実装するには、以下の要点を確認してください

https://Gist.github.com/julianshen/58293

それから

Picasso.with(activity).load(image link here)
     .transform(new CircleTransform()).into(ImageView);
24
Yogesh Narayanan

このコードを使用して、Circular Imageview ...を作成します。

public class RoundedImageView extends ImageView {

public RoundedImageView(Context context) {
    super(context);
    // TODO Auto-generated constructor stub
}

public RoundedImageView(Context context, AttributeSet attrs) {
    super(context, attrs);
}

public RoundedImageView(Context context, AttributeSet attrs, int defStyle) {
    super(context, attrs, defStyle);
}

@Override
protected void onDraw(Canvas canvas) {

    Drawable drawable = getDrawable();

    if (drawable == null) {
        return;
    }

    if (getWidth() == 0 || getHeight() == 0) {
        return; 
    }
    Bitmap b =  ((BitmapDrawable)drawable).getBitmap() ;
    Bitmap bitmap = b.copy(Bitmap.Config.ARGB_8888, true);

    int w = getWidth(), h = getHeight();


    Bitmap roundBitmap =  getCroppedBitmap(bitmap, w);
    canvas.drawBitmap(roundBitmap, 0,0, null);

}

public static Bitmap getCroppedBitmap(Bitmap bmp, int radius) {
    Bitmap sbmp;
    if(bmp.getWidth() != radius || bmp.getHeight() != radius)
        sbmp = Bitmap.createScaledBitmap(bmp, radius, radius, false);
    else
        sbmp = bmp;
    Bitmap output = Bitmap.createBitmap(sbmp.getWidth(),
            sbmp.getHeight(), Config.ARGB_8888);
    Canvas canvas = new Canvas(output);

    final int color = 0xffa19774;
    final Paint paint = new Paint();
    final Rect rect = new Rect(0, 0, sbmp.getWidth(), sbmp.getHeight());

    Paint.setAntiAlias(true);
    Paint.setFilterBitmap(true);
    Paint.setDither(true);
    canvas.drawARGB(0, 0, 0, 0);
    Paint.setColor(Color.parseColor("#BAB399"));
    canvas.drawCircle(sbmp.getWidth() / 2+0.7f, sbmp.getHeight() / 2+0.7f,
            sbmp.getWidth() / 2+0.1f, Paint);
    Paint.setXfermode(new PorterDuffXfermode(Mode.SRC_IN));
    canvas.drawBitmap(sbmp, rect, rect, Paint);


            return output;
}

}
2
Quick learner

最初にCircleImageViewのIDを取得します。

CircleImageView mCircleImageView = (CircleImageView)findViewById(R.id.circleImageView);

そしてIDをPicassoライブラリに渡します：

Picasso.with(mContext).load(Uri.parse(link)).placeholder(drawable).into(mCircleImageView);

これは私のために働いた。

1
madhuri H R

ネイティブAndroidのRoundedBitmapDrawableクラスを使用して画像を丸くするターゲットクラスを作成しました（コードに円変換クラスを追加する必要がなくなります）。以下の解決策を参照してください。

public class RoundedImageBitmapTarget implements Target {

    private final Context context;
    private final ImageView view;

    public RoundedImageBitmapTarget(Context context, ImageView view) {
        this.context = context;
        this.view = view;
    }

    @Override
    public void onBitmapLoaded(Bitmap bitmap, Picasso.LoadedFrom from) {
        setBitmap(bitmap);
    }

    @Override
    public void onBitmapFailed(Drawable errorDrawable) {
        setBitmap(((BitmapDrawable) errorDrawable).getBitmap());
    }

    @Override
    public void onPrepareLoad(Drawable placeHolderDrawable) {
        setBitmap(((BitmapDrawable) placeHolderDrawable).getBitmap());
    }

    public void setBitmap(Bitmap bitmap) {
        view.setImageDrawable(getRoundBitmap(context, bitmap));
    }

    public static RoundedBitmapDrawable getRoundBitmap(Context context, Bitmap bitmap) {
        Resources res = context.getResources();
        RoundedBitmapDrawable round = RoundedBitmapDrawableFactory.create(res, bitmap);
        round.setCircular(true);
        round.setTargetDensity(context.getResources().getDisplayMetrics());
        return round;
    }

    public static void load(Context context, ImageView view, String url, int size, @DrawableRes int placeholder) {
        RoundedImageBitmapTarget target;
        Picasso.with(context).load(url)
                .resize(0, size)
                .placeholder(placeholder)
                .error(placeholder)
                .into(target = new RoundedImageBitmapTarget(context, view));
        view.setTag(target);
    }

}
1
Kevin Crain