android 群组头像的显示（仿QQ群组）

先上效果图:

   

 实现步骤：

 1.  下载  Android-circular-avatar.jar ；

     下载链接

 2. 在布局文件中引用 

      cn.kongnannan.circularavatar.CircularImageView   控件

 3. 在Activity中，获得实例，把 ArrayList<Bitmap> 设置给 CircularImageView

    注： ArrayList<Bitmap> size() 最大为5

example:

布局文件：

[html] view plain copy

 

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:layout_width="match_parent"  
4.     android:layout_height="match_parent"  
5.     android:orientation="vertical" >  
6.       
7.       <cn.kongnannan.circularavatar.CircularImageView  
8.             android:id="@+id/circularImageView"  
9.             android:layout_width="50dp"  
10.             android:layout_height="50dp"  
11.             android:layout_centerVertical="true"  
12.             android:layout_marginLeft="10dp" />  
13.   
14. </LinearLayout>  

[java] view plain copy

 

1. MainActivity:  
2. public class MainActivity extends Activity{  
3.     private CircularImageView circularImageView;  
4.     @Override  
5.     protected void onCreate(Bundle savedInstanceState) {  
6.         // TODO Auto-generated method stub  
7.         super.onCreate(savedInstanceState);  
8.         setContentView(R.layout.qunavatar_activity);  
9.           
10.         initView();  
11.     }  
12.       
13.     private void initView(){  
14.         circularImageView = (CircularImageView) findViewById(R.id.circularImageView);  
15.         Drawable d1 = getResources().getDrawable(R.drawable.bg1);  
16.         Drawable d2 = getResources().getDrawable(R.drawable.bg2);  
17.         Drawable d3 = getResources().getDrawable(R.drawable.bg3);  
18.         Drawable d4 = getResources().getDrawable(R.drawable.bg4);  
19.         Drawable d5 = getResources().getDrawable(R.drawable.bg5);  
20.           
21.           
22.          BitmapDrawable bd1 = (BitmapDrawable) d1;  
23.          Bitmap b1 = bd1.getBitmap();  
24.          BitmapDrawable bd2 = (BitmapDrawable) d2;  
25.          Bitmap b2 = bd2.getBitmap();  
26.          BitmapDrawable bd3 = (BitmapDrawable) d3;  
27.          Bitmap b3 = bd3.getBitmap();  
28.          BitmapDrawable bd4 = (BitmapDrawable) d4;  
29.          Bitmap b4 = bd4.getBitmap();  
30.          BitmapDrawable bd5 = (BitmapDrawable) d5;  
31.          Bitmap b5 = bd5.getBitmap();  
32.            
33.          ArrayList<Bitmap> list = new ArrayList<Bitmap>();  
34.          list.add(b1);  
35.          list.add(b2);  
36.          list.add(b3);  
37.          list.add(b4);  
38.          list.add(b5);  
39.            
40.            
41.         circularImageView.setImageBitmaps(list);  
42.     }  
43. }