2012-12-27 48 views
25

我有一个ListView其中有ImageView,ImageView图像从服务器获取后动态加载。 现在,我想要这些图像,任何大小,适合一个圆形框架,如何做到这一点? 这里有一个样品的PIC我想如何使图像适合Android的圆形框架

enter image description here

+1

试试这个。 http://stackoverflow.com/questions/5882180/how-to-set-bitmap-in-circular-imageview 希望它会帮助你 – 2012-12-27 08:06:08

回答

24

与以往答案的帮助下,我来到了这个solution.Hope它帮助别人:

import android.app.Activity; 
import android.graphics.Bitmap; 
import android.graphics.BitmapFactory; 
import android.graphics.Canvas; 
import android.graphics.Paint; 
import android.graphics.PorterDuff.Mode; 
import android.graphics.PorterDuffXfermode; 
import android.graphics.Rect; 
import android.graphics.RectF; 
import android.os.Bundle; 
import android.widget.ImageView; 



public class CircleImage extends Activity { 

/** Called when the activity is first created. */ 
@Override 
public void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    setContentView(R.layout.circle_layout); 
    ImageView img1 = (ImageView) findViewById(R.id.imageView1); 
    Bitmap bm = BitmapFactory.decodeResource(getResources(), 
      R.drawable.hair_four); 
    Bitmap resized = Bitmap.createScaledBitmap(bm, 100, 100, true); 
    Bitmap conv_bm = getRoundedRectBitmap(resized, 100); 
    img1.setImageBitmap(conv_bm); 
    // TODO Auto-generated method stub 
} 

public static Bitmap getRoundedRectBitmap(Bitmap bitmap, int pixels) { 
    Bitmap result = null; 
    try { 
     result = Bitmap.createBitmap(200, 200, Bitmap.Config.ARGB_8888); 
     Canvas canvas = new Canvas(result); 

     int color = 0xff424242; 
     Paint paint = new Paint(); 
     Rect rect = new Rect(0, 0, 200, 200); 

     paint.setAntiAlias(true); 
     canvas.drawARGB(0, 0, 0, 0); 
     paint.setColor(color); 
     canvas.drawCircle(50, 50, 50, paint); 
     paint.setXfermode(new PorterDuffXfermode(Mode.SRC_IN)); 
     canvas.drawBitmap(bitmap, rect, rect, paint); 

    } catch (NullPointerException e) { 
    } catch (OutOfMemoryError o) { 
    } 
    return result; 
} 

} 
+4

要获得更有效的实现,请参阅Romain Guy最近的[** Android Recipe#1,带圆角的图像**]( http://www.curious-creature.org/2012/12/11/android-recipe-1-image-with-rounded-corners/)博客文章。主要区别在于它使用“BitmapShader”来直接控制可见的“纹理”区域,从而将绘图逻辑简化为单次绘制调用。 –

+0

嘿Sanghita,我遇到了相同的要求,碰巧使用你的代码,虽然它工作正常,因为显示图像我有一个问题。我用我的代替以下代码行来增加图像视图为canvas.drawCircle(90 ,90,90,油漆);因为canvas.drawCircle(50,50,50,paint);给了一个小的显示视图。然而只有四分之一的图像显示在imageview.Can你请帮忙? – joy

+0

将以下行更改为:Bitmap resized = Bitmap.createScaledBitmap(bm,600,600,true); 位图conv_bm = getRoundedRectBitmap(resized,600);结果= Bitmap.createBitmap(950,950,Bitmap.Config.ARGB_8888); Rect rect = new Rect(0,0,650,650); canvas.drawCircle(300,300,300,paint); – Sanghita

10

试试这个代码是什么:如果你想要一个实际的圈子,那么你可以通过100px作为参数

public static Bitmap getRoundedRectBitmap(Bitmap bitmap, int pixels) { 
try { 
result = Bitmap.createBitmap(bitmap.getWidth(), bitmap.getHeight(), 
Bitmap.Config.ARGB_8888); 
canvas = new Canvas(result); 

color = 0xff424242; 
paint = new Paint(); 
rect = new Rect(0, 0, bitmap.getWidth(), bitmap.getHeight()); 
rectF = new RectF(rect); 
roundPx = pixels; 

paint.setAntiAlias(true); 
canvas.drawARGB(0, 0, 0, 0); 
paint.setColor(color); 
canvas.drawRoundRect(rectF, roundPx, roundPx, paint); 

paint.setXfermode(new PorterDuffXfermode(Mode.SRC_IN)); 
canvas.drawBitmap(bitmap, rect, rect, paint); 
} catch (NullPointerException e) { 
// return bitmap; 
} catch (OutOfMemoryError o){} 
return result; 
} 

+0

由于一吨的帮助,你提供的解决方案是在没有尺寸修改的圆角矩形中的图片。它只需要几行更改 – Sanghita

+0

@ ricintech-你们可以请你解释如何改变用这个代码绘制的圆的大小!图像裁剪和其他一切都是完美的,但不知道如何增加或减少圆的半径 – Khay

1

我们可以从XML代码管理的图像的高度和宽度,并且从Java代码绘制圆/椭圆形等

<ImageView 
      android:id="@+id/imageView1" 
      android:layout_width="@dimen/width" 
      android:layout_height="@dimen/height" 
      /> 

为椭圆形视图

ImageView img1 = (ImageView) findViewById(R.id.imageView1); 
Bitmap bm = BitmapFactory.decodeResource(getResources(), 
     R.drawable.user_image); 
Bitmap conv_bm = getRoundedBitmap(bm); 
img1.setImageBitmap(conv_bm); 


public static Bitmap getRoundedBitmap(Bitmap bitmap) 
{ 
    final Bitmap output = Bitmap.createBitmap(bitmap.getWidth(), bitmap.getHeight(), Bitmap.Config.ARGB_8888); 
    final Canvas canvas = new Canvas(output); 

    final int color = Color.RED; 
    final Paint paint = new Paint(); 
    final Rect rect = new Rect(0, 0, bitmap.getWidth(), bitmap.getHeight()); 
    final RectF rectF = new RectF(rect); 

    paint.setAntiAlias(true); 
    canvas.drawARGB(0, 0, 0, 0); 
    paint.setColor(color); 
    canvas.drawOval(rectF, paint); 
    paint.setXfermode(new PorterDuffXfermode(Mode.SRC_IN)); 
    canvas.drawBitmap(bitmap, rect, rect, paint); 

    bitmap.recycle(); 

    return output; 
    } 

} 
-1
public static Bitmap getCircleBitmap(Bitmap bitmap) { 
     final Bitmap circuleBitmap = Bitmap.createBitmap(bitmap.getWidth(), 
       bitmap.getWidth(), Bitmap.Config.ARGB_8888); 
     final Canvas canvas = new Canvas(circuleBitmap); 

     final int color = Color.RED; 
     final Paint paint = new Paint(); 
     final Rect rect = new Rect(0, 0, bitmap.getWidth(), bitmap.getWidth()); 
     final RectF rectF = new RectF(rect); 

     paint.setAntiAlias(true); 
     canvas.drawARGB(0, 0, 0, 0); 
     paint.setColor(color); 
     canvas.drawOval(rectF, paint); 

     paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN)); 
     canvas.drawBitmap(bitmap, rect, rect, paint); 

     bitmap.recycle(); 

     return circuleBitmap; 
    }