网站建设资讯

NEWS

网站建设资讯

ListView中显示圆形图像-创新互联

初学android,想要找些小程序练习一下。在使用手机QQ是发现联系人中的圆形图标,比较好看。所以琢磨着自己是实现一下,当然咯只是界面的效果。

目前创新互联已为上1000家的企业提供了网站建设、域名、虚拟主机、网站改版维护、企业网站设计、钢城网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。

首先想到的就是使用Android中的ListView来显示每一项的联系人。而ListView在一个Activity中显示出来有2中方式,一个是在XML文件中声明一个ListView的标签,通过findViewById()来找到,然后通过适配器Adapter来加载。另一种方式,显示内容的是从Activity派生的ListActivity类,然后在使用适配器来加载内容。(此处只是加载显示几项的内容,如果项目条数太多,则要是对ListView中显示Item进行优化)

理解完ListView每个Item项的加载,下面解决的是怎么将所给的图片转化为圆形在界面上显示。解决方式是从ImageView类中派生一个CustomImageView类,并且重写其中的onDraw()函数来达到显示圆形的目的。因为当我们CustomImageView类从ImageView类派生而来,所以在XML中可以使用这个标签来定义显示内容。但是在使用时注意:要将这个CustomImageView类的路径写进去。如:

而我们在onDraw()函数中需要做的是:

1、获取父类中的到的图片信息Bitmap.

2、对图片大小进行处理,变成正方形。(可不做)

3、使用方法叠加,只显示出中间圆形部分。

    Drawable drawable = getDrawable();
    if (null != drawable) {
        mSrc = ((BitmapDrawable) drawable).getBitmap();
    }
    int min = Math.min(mWidth, mHeight);
    
    //长度如果不一致,按小的值进行压缩 
    mSrc = Bitmap.createScaledBitmap(mSrc, min, min, false);
    canvas.drawBitmap(createCircleImage(mSrc, min), 0, 0, null);

ListView在ListActivity类中的实现如下:

public class MainActivity extends ListActivity {
    private static String[] aa = new String[] { "hello world",
        "this is my listview", "邵洋江加油", "你会成功的", "you will success" };
    private static int[] draw = new int[] { R.drawable.chutian,
        R.drawable.icon, R.drawable.chutian, R.drawable.chutian,R.drawable.test };
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        // 每个list里面放的都是MAP,map里面放的是键值对,这里指图片和文字
        List> Items = new ArrayList>();
        // 把该显示的内容放到list中
        for (int i = 0; i < aa.length; i++) {
            Map item = new HashMap();
                item.put("p_w_picpath", draw[i]);
                item.put("textview1", aa[i]);
                Items.add(item);
        }
        // 构建适配器Adapter,将数据与显示数据的布局页面绑定
        SimpleAdapter simpleAdapter = new SimpleAdapter(this, Items,
            R.layout.activity_main, new String[] { "textview1", "p_w_picpath" },
            new int[] { R.id.textview1, R.id.p_w_picpath });
        // 通过setAdapter()方法把适配器设置给ListView
        setListAdapter(simpleAdapter);
}

运行效果图片:

ListView中显示圆形图像

Demo链接:http://down.51cto.com/data/1979117

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


网站标题:ListView中显示圆形图像-创新互联
文章地址:http://cdweb.net/article/cscegg.html