Android开发：使用ListView组件实现通讯录效果

小咪咪 2024-04-01 09:54 58阅读 0赞

### 效果如图：可滑动，点击显示名字 ###

![在这里插入图片描述][f240a44871ad480782c027d28126dc2d.png]  
![在这里插入图片描述][6ed0545d13d74319a96b6fd279a0ecb5.png]

### 一、准备头像图片：大小建议80x80图片如下图，放入drawable ###

![请添加图片描述][f715e8f6e6934a50baa3da477ae0b2c0.jpeg]  
![请添加图片描述][058d7ee6dab14e6cb48f4745d858dc3f.jpeg]  
![请添加图片描述][5533329ebade454bbc67d3062011da75.jpeg]  
![请添加图片描述][90c74b8649f54248bb3c629ffef5ada3.jpeg]  
![请添加图片描述][c4f902def72e45c28f75ca2391652db0.jpeg]  
![请添加图片描述][e76f0230c3c34fc7bd095482f1e9a81f.jpeg]

### 二、在activity\_main.xml建立组件，如图 ###

![在这里插入图片描述][4288bf5983c840748aed6ff30c8c4b52.png]

### 三、在layout文件下建立一个新的布局文件如图所示： ###

![在这里插入图片描述][b62f17bd134a4cbcbdbca4aff116e54a.png]  
编写布局代码  
![在这里插入图片描述][c578a9ee36f74db4b73eefc187773dfa.png]

<?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    
        <ImageView
            android:id="@+id/item_img"
            android:layout_width="26dp"
            android:layout_height="150dp"
            android:layout_weight="1"
            app:srcCompat="@mipmap/ic_launcher"
            />
    
        <TextView
            android:id="@+id/item_name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="TextView"
            android:textSize="24sp"
            />
    
    </LinearLayout>

### 四、在MainActivity.java文件中编写后台代码实现通讯录效果 ###

![在这里插入图片描述][59db01d3b87f48008003376fab40e8f7.png]

//定义整形数组存放图片id
            int[] imageid=new int[]{
        R.drawable.tx1,R.drawable.tx2,R.drawable.tx3,R.drawable.tx4,R.drawable.tx5,R.drawable.tx6};
            //定义字符串数组存放用户昵称
            String[] nickName=new String[]{
        "小妹","雄安名","小王","小姐啊","安世","法案"};
            List<Map<String,Object>> list=new ArrayList<Map<String, Object>>();//List<T>
            for (int i=0;i<imageid.length;i++){
        
                Map<String,Object> map=new HashMap<String, Object>();
                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.item_name,R.id.item_img});
            ListView listView= (ListView) findViewById(R.id.lv2);
            listView.setAdapter(simpleAdapter);
    
            listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
        
                @Override
                public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
        
                    Map<String,Object> map= (Map<String, Object>) parent.getItemAtPosition(position);
                    String str=map.get("name").toString();
                    Toast.makeText(MainActivity.this, str, Toast.LENGTH_SHORT).show();
                }
            });

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

[f240a44871ad480782c027d28126dc2d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/4861721021514ad6a340c344c097c1dc.png
[6ed0545d13d74319a96b6fd279a0ecb5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/f49484975d7b4141972b7e8933ef8b2c.png
[f715e8f6e6934a50baa3da477ae0b2c0.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/eb616c7ef7e24cf18143f34aac7eab8e.jpeg
[058d7ee6dab14e6cb48f4745d858dc3f.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/5fb2a1072adc491eb52d0d864e7a222b.jpeg
[5533329ebade454bbc67d3062011da75.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/f5d0f7a84d824a8e8103c614f220a35b.jpeg
[90c74b8649f54248bb3c629ffef5ada3.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/b67b6bc0f09a4171b1cfd1a4d4086d6b.jpeg
[c4f902def72e45c28f75ca2391652db0.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/c45e2bd02d454269a0abf9c20d01a458.jpeg
[e76f0230c3c34fc7bd095482f1e9a81f.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/98e14991cd374a57a2efd2b0ae3ddbbd.jpeg
[4288bf5983c840748aed6ff30c8c4b52.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/282d4c5f44c04ecaa313d3ce4f488537.png
[b62f17bd134a4cbcbdbca4aff116e54a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/df38dfd59ba64f5b82b1584f9f857878.png
[c578a9ee36f74db4b73eefc187773dfa.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/7f6e61f3987f451597c9e81de6f5d8c9.png
[59db01d3b87f48008003376fab40e8f7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/06ff95333dc545638bbf678e124099fa.png