Android实例,做一个微信好友列表,列表视图应用

效果是这样的:可实现上下拖动查询好友,点击好友会弹出好友名字。
在这里插入图片描述
activity_main.xml文件:
顶部偷懒可用图片代替。

<?xml version="1.0" encoding="utf-8"?>
<!-- 布局管理器的嵌套,根布局管理器为垂直线性布局管理器,内嵌套相对布局管理器-->
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.mingrisoft.friendlist.MainActivity">
    <!-- 相对布局管理器-->
    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">

        <TextView
            android:id="@+id/text1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="微信"
            android:textSize="20dp"/>


        <ImageButton

            android:layout_width="30dp"
            android:layout_height="30dp"
            android:scaleType="centerCrop"
            android:layout_toLeftOf="@+id/bt"
            android:src="@mipmap/ta"
            android:id="@+id/imageButton"
            android:background="#0000"/>

        <ImageButton
            android:id="@+id/bt"
            android:layout_width="30dp"
            android:layout_height="30dp"
            android:scaleType="centerCrop"
            android:layout_alignParentRight="true"
            android:background="#0000"
            android:src="@mipmap/te"/>

    </RelativeLayout>

    <!-- 图像视图-->
    <ListView
        android:id="@+id/listview"
        android:layout_width="match_parent"
        android:layout_height="300dp"></ListView>

</LinearLayout>

MainActivity.java文件

package com.mingrisoft.friendlist;

import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.SimpleAdapter;
import android.widget.Toast;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

public class MainActivity extends ActionBarActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //存图片的id
        int[] imageid=new int[]{
                R.drawable.t1, R.drawable.t2, R.drawable.t3,
                R.drawable.t4, R.drawable.t5, R.drawable.t6,
                R.drawable.t7, R.drawable.t8, R.drawable.t9
        };
        //存名字
        String[] title=new String[]{
            "陈1","陈2","陈3","陈4","陈5","陈6","陈7","陈8","陈9"
        };
        //数据源为List,List是顺序容器,里面的元素类型为Map(散列表),Map的关键字为String,值为Object
        List<Map<String,Object>> listitem=new ArrayList<Map<String,Object>>();
        //将数据放入List
        for(int i=0;i<imageid.length;i++)
        {
            //创建一个map对象,即一个List的元素。
            Map<String,Object> map= new HashMap<String,Object>();
            map.put("image",imageid[i]);
            map.put("name",title[i]);
            listitem.add(map);
        }
        //设置并将数据放入适配器,第一个参数为上下文指针,第二个参数为数据来源,第三个参数为XML实现文件
        //第四个参数为List中的两个子项,第五个参数为listitem中的两个TextView ID
        SimpleAdapter adapter=new SimpleAdapter(this,listitem,R.layout.main,new String[]{"name","image"}
            ,new int[]{R.id.title,R.id.image});
        //获取xml中的listview
        ListView listview= (ListView) findViewById(R.id.listview);
        //将适配器放入listview中
        listview.setAdapter(adapter);
        //设置事件监听器
        listview.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {
                //获得List中的一个元素,此时获取适配器的配置并强制转化为Map
                Map<String,Object> map=(Map<String,Object>)adapterView.getItemAtPosition(i);
                Toast.makeText(MainActivity.this, map.get("name").toString(), Toast.LENGTH_LONG).show();
            }
        });
    }
}

main.xml文件
此文件决定SimpleAdapter中,一行显示的内容。

<?xml version="1.0" encoding="utf-8"?>
<!-- 水平线性布局管理器,它有两个组件-->
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal" android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@id/image"
        android:paddingRight="10dp"
        android:paddingTop="10dp"
        android:paddingBottom="10dp"
        android:adjustViewBounds="true"
        android:maxWidth="72dp"
        android:maxHeight="72dp"
        />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="10dp"
        android:layout_gravity="center"
        android:id="@+id/title"/>
</LinearLayout>

最后,改一下manifests中的theme(风格)就完成啦!
android:theme="@style/Theme.AppCompat.Light.DarkActionBar">

做完这个实例,你或许就能感受到适配器的作用啦,加油!

发布了32 篇原创文章 · 获赞 1 · 访问量 3961

猜你喜欢

转载自blog.csdn.net/weixin_43786756/article/details/104234989