作者：夏至  欢迎转载，也请保留这段申明，谢谢
    ListView绝对可以称得上是Android中最常用的UI空间之一，同时也是跟之前难度。几乎所有的应用程序都会应用到它。当我们的程序中有大量的数九需要展示的时候，就可以借助ListView来实现。我们最常用的就是手机设置那里啦。


    是不是很熟悉，这里既有图片又有文字。是不是比我们以前学的有意思多无聊？
    不过在实践这个功能之前呢，我们先来了解一下Adapter适配器的意思。
1、Adapter 适配器
    

    可以这样简单理解MAC 。 Model（数据）—> Controller（以什么方式显示）—> View （用户界面）
    而这个Adapter则是中间的这个Controller的部分。如果还不理解，那就理解成你的电脑的电源的适配器是有型号的，不同电脑对应不同的适配器。相当于一个220V交流电压进来时，以什么样的方式（适配器）传到电脑。当然这只是个人见解，如有错误，也欢迎指出。
    图二呢，是Adapter的继承关系图。这里看看就可以了。我们重点来讲解Adapter的三种方法

    ·BaseAdapter：抽象类，实际开发中我们会继承这个类并且重写相关方法，用得最多的一个Adapter！ 
    ·ArrayAdapter：支持泛型操作，最简单的一个Adapter，只能展现一行文字~
    ·SimpleAdapter：同样具有良好扩展性的一个Adapter，可以自定义多种效果！

这里我们就简单讲解一下ArrayAdapter 和 BaseAdapter 这两个最常用的。

1.1 ArrayAdapter 文字表示
    首先，我们先来实现一下文字的方式，即最上面的setting那里，我们不要图片，只显示文字。别急，我们先从简单的开始。效果如这样：
    
    First，在layout那里，添加一个ListView的控件
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     android:orientation="vertical"
  4.     android:layout_width="match_parent"
  5.     android:layout_height="match_parent">
  7.     <ListView
  8.         android:id="@+id/list_item"
  9.         android:layout_width="match_parent"
  10.         android:layout_height="wrap_content"
  12.     ></ListView>
  14. </LinearLayout>

在主activity那里，我们写上：
  1. public class MainActivity extends AppCompatActivity {
  3. @Override
  1. protected void onCreate(Bundle savedInstanceState) {
  1.     super.onCreate(savedInstanceState);
  2.     setContentView(R.layout.activity_main);
  3.     //要显示的数据
  4.     String[] strs = {"基神","B神","翔神","曹神","J神"};
  5.     //创建ArrayAdapter
  6.     ArrayAdapter<String> adapter = new ArrayAdapter<String>
  7.                 (this,android.R.layout.simple_expandable_list_item_1,strs);
  8.     //获取ListView对象，通过调用setAdapter方法为ListView设置Adapter设置适配器
  9.     ListView list_test = (ListView) findViewById(R.id.list_test);
  10.     list_test.setAdapter(adapter);
  11.     }
  12. }

代码很简单，你也可以不先定义string，用list_test.add（""）;的方式添加。
1.2 ArrayAdapter 图文并茂
   接下来我们要实现的是这家伙，这里会用到自定义的知识，不会的先去学习一下自定义。
    

    首先，我们先在layout层，创建一个xml文件。用来显示图片和文字。
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     android:orientation="horizontal"
  4.     android:layout_width="match_parent"
  5.     android:layout_height="wrap_content">
  7.     <ImageView
  8.         android:id="@+id/content_image"
  9.         android:layout_width="64dp"
  10.         android:layout_height="64dp"
  11.         android:scaleType="fitCenter"
  12.         android:baselineAlignBottom="true"
  13.         android:paddingLeft="8dp"
  14.     />
  15.     <LinearLayout
  16.         android:layout_width="wrap_content"
  17.         android:layout_height="wrap_content"
  18.         android:paddingTop="5dp"
  19.         android:orientation="vertical">
  21.         <TextView
  22.         android:id="@+id/text"
  23.         android:layout_width="wrap_content"
  24.         android:layout_height="wrap_content"
  25.         android:textColor="#1D1D1C"
  26.         android:gravity="center"
  27.         android:paddingLeft="10dp"
  29.         android:textSize="14sp"
  30.     />
  31.         <TextView
  32.         android:id="@+id/text2"
  33.         android:layout_width="wrap_content"
  34.         android:layout_height="wrap_content"
  35.         android:gravity="center"
  36.         android:textColor="#B4B4B9"
  37.         android:paddingLeft="10dp"
  38.         android:layout_marginLeft="10dp"
  39.         android:layout_marginBottom="10dp"
  40.         android:textSize="12sp"
  41.     />
  43.        </LinearLayout>
  45. </LinearLayout>


接下来，创建两个类，Content 和 ContentAdapter。
    为什么要创建这两个类，因为你总不能把所有程序都扔在主函数那里把？是个正常人都不能忍，而java中，只要你的包名是一样的，那么就可以相互调用，这个IDE已经帮我们处理好了。那么在Content写上:
  1. public class Content {
  2. private String name,say;
  3.     private int imageId;
  4.     public Content(String name, String say, int imageId) {
  5.         this.name = name;
  6.         this.imageId = imageId;
  7.         this.say = say;
  8.     }
  11.     public String getName() {
  12.         return name;
  13.     }
  15.     public int getImageId() {
  16.         return imageId;
  17.     }
  19.     public String getSay() {
  20.         return say;
  21.     }
  22. }

   接下来我们需要自定义一个适配器ContentAdapter，用来继承ArrayAdapter，并将泛型制定为Content类。
  1. public class ContentAdapter extends ArrayAdapter<Content>{
  3. private int resourceId;   
  4. // context 表示我们要传入的内容，比如this 
  5. // resource 表示我们要传进来刚刚新建的layout文件
  6. // List<Content> object 要传入的数据
  7. public ContentAdapter(Context context, int resource, List<Content> object) {
  8.     super(context, resource, object);
  9.     resourceId = resource;
  10. }
  12. @Override
  13. //converView 以前的布局的缓存
  14. // position 获取每一个Item的值，填充到制定的XML文件中
  15. // parent 当前布局会被加载到父布局中
  16. public View getView(int position, View convertView, ViewGroup parent) {
  17.     View view;
  18.     Content content = getItem(position);  //获取当前的Content实例
  19.     // 优化，这样可以减少重复加载；layout 布局文件
  20.     if(convertView == null) {  //如果刚开始创建
  21.     // LayoutInflater .. 表示动态加载布局，第二个参数我们一般选null
  22.     view = LayoutInflater.from(getContext()).inflate(resourceId, null); 
  23. }
  24. else {
  25.             view = convertView;  //表示已经创建过了
  27. }
  28.     // 获取xml文件中的控件
  29.     ImageView ContentImage = (ImageView) view.findViewById(R.id.content_image);
  30.     TextView ContentName = (TextView)view.findViewById(R.id.text);
  31.     TextView ContentSay = (TextView)view.findViewById(R.id.text2);
  32.     // 重写方法，让图片和文字显示出来
  33.     ContentImage.setImageResource(content.getImageId());
  34.     ContentName.setText(content.getName());
  35.     ContentSay.setText(content.getSay());
  36.     return view;  //返回我们重新定制的布局
  37. }
  39. }

呼呼，就是这样，我已经把详细解释都注释在那里了，至于getView（）方法，是每次我们在滚动屏幕时，都会被加载的。
然后是主activity啦。。。。
  1. public class MainActivity extends AppCompatActivity {
  2. private String[] name = {"自古屌丝多薄命","无形被黑 最为致命","我赵日天第一个不服","无敌锐神"};
  3.     private String[] say  = {"要脸你就输了","你的贱就是我的贱","我将带头日狗","断剑重铸之日 骑士归来之时"};
  4.     
  5.     private List<Content> contentList = new ArrayList<Content>();
  6.     protected void onCreate(Bundle savedInstanceState) {
  7.     super.onCreate(savedInstanceState);
  8.     setContentView(R.layout.linearlayout);
  10.     initContens();  //初始化
  11.     ContentAdapter adapter = new ContentAdapter(MainActivity.this,
  12.     R.layout.content,contentList);  // 传入参数，我们自定义的适配器
  14.     ListView listView = (ListView)findViewById(R.id.list_item);
  15.     listView.setAdapter(adapter);  //显示出来
  17. // listView.setOnItemClickListener(new ArrayAdapterClick(this,contentList));
  19. }
  21. public void initContens(){
  22. contentList.add(new Content(name[0],say[0],R.drawable.image3));
  23. contentList.add(new Content(name[1],say[1],R.drawable.image4));
  24. contentList.add(new Content(name[2],say[2],R.drawable.image5));
  25. contentList.add(new Content(name[3],say[3],R.drawable.image6));
  27. }

    这样就实现好了。不过呢，我们再为它添加一个点击事件，如果点了没有反应，那这个就没啥用了。

单击事件
  1. public class ArrayAdapterClick implements AdapterView.OnItemClickListener{
  2.     private Context context;
  3.     private List<Content> contentList;
  4.     public ArrayAdapterClick(Context context,List<Content> contentList){
  5.         this.context = context;
  6.         this.contentList = contentList;
  7. }
  8. @Override
  9. public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
  10.         Content content = contentList.get(position);  //获取指定位置的数据
  11.         Toast.makeText(context,content.getName()+"\n"+content.getSay(),Toast.LENGTH_SHORT).show();
  12.     }
  13. }

然后我们再在主函数那里添加：
    
这样既ok啦。效果如图:



2、BaseAdapter
    在布局和Content类和ArrayAdapter是一样的，这里就不再赘述，这里我就讲不同点。 BaseAdapter 是个抽象类，所以里面的几个抽象方法我们都要重写。还是直接撸代码，部分注释我已经弄好了。
  1. public class BaseAdaperData extends BaseAdapter{
  3. private String[] name = {"自古屌丝多薄命","无形被黑 最为致命","我赵日天第一个不服","我良辰最喜欢对有能力的人出手","无敌锐神"};
  4. private String[] say  = {"要脸你就输了","你的贱就是我的贱","我将带头日狗","我有一百种方法让你混不下去","断剑重铸之日 骑士归来之时"};
  6. //  这里初始化，我们在里面，用数组的方式
  7. private Content[] data= new Content[]{
  8.              new Content(name[0],say[0],R.drawable.image3),
  9.              new Content(name[1],say[1],R.drawable.image4),
  10.              new Content(name[2],say[2],R.drawable.image5),
  11.              new Content(name[3],say[3],R.drawable.image6),
  12.              new Content(name[4],say[4],R.drawable.image7),
  13. };
  14.  private Context context;  // 因为初始化什么的都在里面了，所以我们就只要传入context就行了
  15.  public BaseAdaperData(Context context){
  16.     this.context = context;
  17.   }
  18.     // 不要也行，直接传context，只是用getContext()这样标准一点
  19.  public Context getContext() {
  20.     return context; 
  21. }
  22. @Override
  23. public int getCount() {
  24.     return data.length;  //返回list所包裹的大小
  25. }
  26. @Override
  27. public Content getItem(int position) {
  28.     return data[position];  //返回指定位置的内容
  29. }
  30. @Override
  31. public long getItemId(int position) {
  32.     return 0;
  33. }
  34. @Override
  35. public View getView(int position, View convertView, ViewGroup parent) {
  36.     View view;
  37.     //  优化
  38.     if(convertView == null){
  39.         // getContext() 用context替代也行
  40.         view = LayoutInflater.from(getContext()).inflate(R.layout.baseapaper,null);
  41.     }else{
  42.             view = convertView;
  43.     }
  44.     Content content = getItem(position); //获取实例
  45.     ImageView image = (ImageView) view.findViewById(R.id.imageview);
  46.     TextView ContentName = (TextView) view.findViewById(R.id.text);
  47.     TextView ContentSay = (TextView) view.findViewById(R.id.text2);
  48.     image.setImageResource(content.getImageId());
  49.     ContentName.setText(content.getName());
  50.     ContentSay.setText(content.getSay());
  51.         return view;
  52.     }
  53. }


看，和ArrayAdapter基本一样。详细注释可以看上面的ArrayAdapter。然后是主activity的
这样就ok啦，第三行是触发事件。
单击事件
  1. public class BaseAdapterDataClick implements AdapterView.OnItemClickListener{
  2. private BaseAdaperData object;
  3.     private Context context;
  4.     public BaseAdapterDataClick(Context context,BaseAdaperData object){
  5.         this.context = context;
  6.         this.object = object;
  7. }
  8. @Override
  9. public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
  10.     Content content = object.getItem(position);
  11.     Toast.makeText(context,content.getName()+"\n"+"  "+content.getSay(),Toast.LENGTH_SHORT).show();
  12.     }
  13. }


好了，这样基本就可以了，可以对比一下。只有多对比，多实践才能明白。效果如图：



其实上面的优化还不算够好，虽然我们已经对布局进行了优化，但是对控件的优化，还是每次都是调用View 的 findViewById()方法来获取一次控件的实现。所以，这里我们采用ViewHolder 来对这部分进行性能优化。修改 BaseAdaperData.java ，如下：
  1. public class BaseAdaperData extends BaseAdapter{
  2.      private String[] name = {"自古屌丝多薄命","无形被黑 最为致命","我赵日天第一个不服","我良辰最喜欢对有能力的人出手","无敌锐神"};
  3.      private String[] say  = {"要脸你就输了","你的贱就是我的贱","我将带头日狗","我有一百种方法让你混不下去","断剑重铸之日 骑士归来之时"};
  4.      //private String[] picture = {"R.drawable.image4","R.drawable.image5","R.drawable.image6","R.drawable.image7"};
  5.     //  这里初始化，我们在里面，用数组的方式
  6.      private Content[] data= new Content[]{
  7.              new Content(name[0],say[0],R.drawable.image3),
  8.              new Content(name[1],say[1],R.drawable.image4),
  9.              new Content(name[2],say[2],R.drawable.image5),
  10.              new Content(name[3],say[3],R.drawable.image6),
  11.              new Content(name[4],say[4],R.drawable.image7),
  13.      };
  16.     private Context context;  // 因为初始化什么的都在里面了，所以我们就只要传入context就行了
  17.     public BaseAdaperData(Context context){
  18.         this.context = context;
  19.     }
  20.     // 不要也行，直接传context，只是用getContext()这样标准一点
  21.      public Context getContext() {
  22.          return context;
  23.      }
  25.      @Override
  26.     public int getCount() {
  27.         return data.length;  //返回list所包裹的大小
  28.     }
  30.     @Override
  31.     public Content getItem(int position) {
  32.         return data[position];  //返回指定位置的内容
  33.     }
  35.     @Override
  36.     public long getItemId(int position) {
  37.         return 0;
  38.     }
  40.     class ViewHolder{
  41.         ImageView contentImage;
  42.         TextView  contentName;
  43.         TextView  contentSay;
  44.     }
  45.     public View getView(int position, View convertView, ViewGroup parent) {
  46.         View view;
  47.         //  优化
  48.         ViewHolder viewHolder;  // 对控件进行优化
  49.         if(convertView == null){
  50.             // getContext() 用context替代也行
  51.             view = LayoutInflater.from(getContext()).inflate(R.layout.baseapaper,null);
  52.             viewHolder = new ViewHolder();  //初始化
  53.             viewHolder.contentImage = (ImageView) view.findViewById(R.id.imageview);
  54.             viewHolder.contentName = (TextView) view.findViewById(R.id.text);
  55.             viewHolder.contentSay = (TextView) view.findViewById(R.id.text2);
  56.             view.setTag(viewHolder);  //  将ViewHolder 储存在View中
  57.         }else{
  58.             view = convertView;
  59.             viewHolder = (ViewHolder)view.getTag();  // 重新获得ViewHolder
  60.         }
  61.         Content content = getItem(position); //获取实例
  64.         viewHolder.contentImage.setImageResource(content.getImageId());
  65.         viewHolder.contentName.setText(content.getName());
  66.         viewHolder.contentSay.setText(content.getSay());
  68.         return view;
  69.     }
  70. }
其他都不用改变，这样就可以啦。
这里唠叨几句，很多网上都说 BaseAdapter 比 ArrayAdapter 好用。这里都是一样的，如果你不太明白抽象类的应用，我建议你还是用ArrayAdapter ，相对而言，也比较容易理解，也足够你捣鼓很多东西了。没必要把自己拖入一个死胡同，适用自己的才是最好的。