首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >将picasso库与圆形图像视图结合使用

将picasso库与圆形图像视图结合使用
EN

Stack Overflow用户
提问于 2015-06-05 18:27:39
回答 5查看 26.8K关注 0票数 19

我正在考虑使用毕加索的库从URL下载图像并将其传递到圆形图像视图中,但是由于毕加索要求您传入一个实际的imageView,因此我在如何做到这一点上停滞不前

我在这里使用的是毕加索图库http://square.github.io/picasso/,在这里使用的是圆形图像视图类https://github.com/hdodenhof/CircleImageView

下面是获取图像的代码的开始部分

代码语言:javascript
复制
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

代码语言:javascript
复制
<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"
EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2015-06-05 18:44:57

使用这个

活动类

代码语言:javascript
复制
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);
    }
}

布局文件

代码语言:javascript
复制
<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" />

这工作得很好。

票数 20
EN

Stack Overflow用户

发布于 2015-06-05 18:38:47

我不认为你需要CircleImageView库

你可以实现循环变换,检查下面的要点

https://gist.github.com/julianshen/5829333

然后

代码语言:javascript
复制
Picasso.with(activity).load(image link here)
     .transform(new CircleTransform()).into(ImageView);
票数 24
EN

Stack Overflow用户

发布于 2015-06-05 18:45:15

使用此代码创建循环Imageview ...

代码语言:javascript
复制
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
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/30664254

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档