安卓:ListView组件实现微信通讯录效果(我的王者队友们)

安卓:ListView组件实现微信通讯录效果(我的王者队友们),第1张

ListView控件是列表视图展示,排列方式是纵向。

ListView组件实现微信通讯录效果,包含头像和文字,不能用entries这个属性来添加,要用SimpleAdapter适配器来添加数据
布局:垂直线性布局方式
头和尾全部用 ImageView组件来实现,中间我们用 ListView。

效果如图:(可滑动,点击显示名字)

 

 

 

一、准备头像图片:大小建议80x80;top与bottom图片如下图,放入drawable;
二、在activity_main.xml建立组件,如图

 

 




    
    

    
    

三、在layout文件下建立一个新的布局文件(名字任意),并在其内建立组件,如图:




    

    

 四、在MainActivity.java文件中编写代码实现 (这里的代码最好还是自己敲进去,因为直接复制粘贴会报错)

 

       //定义整形数组存放图片id
        int[] imageid=new int[]{R.drawable.img01,R.drawable.img02,R.drawable.img03,R.drawable.img04,R.drawable.img05,
                R.drawable.img06,R.drawable.img07,R.drawable.img08,R.drawable.img09,R.drawable.img10,R.drawable.img11,
                R.drawable.img12};
        //定义字符串数组存放用户昵称
        String[] nickName=new String[]{"诸葛亮","领队李白","韩跳跳","百里守约","是子龙啊","爱哭的玄策","孙策—","守约(小号)",
                "—大乔","白","信","黑色枫叶"};
        List> list=new ArrayList>();//List
        for (int i=0;i map=new HashMap();
            map.put("image",imageid[i]);
            map.put("name",nickName[i]);
            list.add(map);
        }
        SimpleAdapter simpleAdapter=new SimpleAdapter(this,list,R.layout.main,new String[]{"name","image"},new int[]{R.id.myTV,R.id.myImage});
        ListView listView= (ListView) findViewById(R.id.myListView);
        listView.setAdapter(simpleAdapter);

        listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView parent, View view, int position, long id) {
                Map map= (Map) parent.getItemAtPosition(position);
                String str=map.get("name").toString();
                Toast.makeText(MainActivity.this, str, Toast.LENGTH_SHORT).show();
            }
        });
五、修改AndroidManifest.xml文件(修改样式,也可以不改)         将AppTheme修改为Theme.AppCompat.Light.DarkActionBar

 

如果出现类似的错误:Error running imageswitcher手机相册图片滑动功能:Default Activity not found

 那么就在AndroidManifest.xml文件中加入问题就会得到解决。 


            
                
                
            
        

 到这里就结束了,如果这篇对你用,请帮忙点个赞,谢谢!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/992300.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-21
下一篇 2022-05-21

发表评论

登录后才能评论

评论列表(0条)

保存