AndroidUI组件 ListView(2)

如果想要在ListView中实现更加复杂的布局（如腾讯新闻客户端那种），就不能使用简单的ArrayAdapter了。应该使用一个Adapter，这个Adapter直接继承自BaseAdapter，这样可以把View作为列表元素。
BaseAdapter是一种抽象类，需要实现它内部的四个抽象方法：

1. getCount方法可以取得列表项的数量
2. getItem通过一个位置取得关联项的数据
3. getItemId通过一个位置取得关联项的ID
4. getView得到处于一个位置的View

官方文档的截图如下：

---

其中getView方法的第二个参数convertView代表了Android操作系统中的一种内存回收机制。它可以将不再屏幕范围内的View元素给回收掉，并且在新生成View的时候检查这个回收池里面有没有被回收掉的内存，如果有，则优先使用回收的，如果没有，就new一个出来。（下面的代码片中 if else 就是在干这件事情）

 @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            CoustomListCellData data = getItem(position);
            LinearLayout ll = null;
            if (convertView == null) {
                ll = (LinearLayout) LayoutInflater.from(getApplicationContext()).inflate(R.layout.custom_listcell, null);
            } else {
                ll = (LinearLayout) convertView;
            }
            ImageView icon = (ImageView) ll.findViewById(R.id.icon);//定位到三个数据（图像，标题和介绍）
            TextView name = (TextView) ll.findViewById(R.id.name);
            TextView decription = (TextView) ll.findViewById(R.id.description);
            name.setTextColor(Color.BLACK);//设置三个数据
            decription.setTextColor(Color.BLACK);
            icon.setImageResource(data.iconId);
            name.setText(data.name);
            decription.setText(data.description);
            return ll;//设置好后返回，也就是添加进ListView
        }

最终由getView方法返回的View将会被显示在列表。
getView方法的执行时机大概有以下三个：

1. 初始显示时
2. listview滚动时
3. notifyDataSetChanged处理时

在这里，我们的列表元素是LinearLayout类型（注意不是data），实际上，布局也是一种View，也是可以作为一个列表元素的。data只是为了方便管理每一个LinearLayout中的数据而设置的一个类。

其中

 ll = (LinearLayout) LayoutInflater.from(getApplicationContext()).inflate(R.layout.custom_listcell, null)

这条语句的作用是将custom listcell布局文件转化为一个View，这个View是LinearLayout型的。同时custom listcell的最外层也是LinearLayout，两者必须相同。LayoutInflater是一个抽象类，可以直接调用里面的方法，它不依赖于实例而存在。第二个参数一般都填null。

---

图片的话，复制粘贴到res的drawable目录下。图片名称需遵循变量命名的规则。

---

完整的代码如下：

MainActivity:

public class MainActivity extends AppCompatActivity {
    private ListView lv;
    private BaseAdapter adapter;

    class MyAdapter extends BaseAdapter {
        private CoustomListCellData[] data = new CoustomListCellData[]{
                new CoustomListCellData("英雄联盟", "《英雄联盟》（简称lol）是由美国Riot Games开发，中国大陆地区由腾讯游戏运营的网络游戏。", R.drawable.img1),
                new CoustomListCellData("反恐精英：全球攻势", "《反恐精英：全球攻势》是一款由VALVE与Hidden Path Entertainment合作开发的第一人称射击游戏，于2012年8月21日在欧美地区正式发售，为《反恐精英》系列游戏的第四款作品", R.drawable.img2),
                new CoustomListCellData("守望先锋", "《守望先锋》（Overwatch，简称OW） 是由暴雪娱乐公司开发的一款第一人称射击游戏，于2016年5月24日全球上市，中国大陆地区由网易公司代理。", R.drawable.img3)
        };

        //     private String[] data =new String[]{"SB1","SB2","SB3","SB4","SB5","SB6","SB7","SB8","SB9","SB10","SB11","SB12","SB13"};
        @Override
        public int getCount() {
            return data.length;
        }

        @Override
        public CoustomListCellData getItem(int position) {
            return data[position];
        }

        @Override
        public long getItemId(int position) {
            return position;
        }

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            CoustomListCellData data = getItem(position);
            LinearLayout ll = null;
            if (convertView == null) {
                ll = (LinearLayout) LayoutInflater.from(getApplicationContext()).inflate(R.layout.custom_listcell, null);
            } else {
                ll = (LinearLayout) convertView;
            }
            ImageView icon = (ImageView) ll.findViewById(R.id.icon);
            TextView name = (TextView) ll.findViewById(R.id.name);
            TextView decription = (TextView) ll.findViewById(R.id.description);
            name.setTextColor(Color.BLACK);
            decription.setTextColor(Color.BLACK);
            icon.setImageResource(data.iconId);
            name.setText(data.name);
            decription.setText(data.description);
            return ll;
        }
    }

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        lv = (ListView) findViewById(R.id.listView);
        adapter = new MyAdapter();
        lv.setAdapter(adapter);
    }
}

CoustomListCellData类：

public class CoustomListCellData {

    public CoustomListCellData(String name, String description, int iconId) {
        this.name = name;
        this.description = description;
        this.iconId = iconId;
    }

    public String name="";
    public String description="";
    int iconId=0;
}

主界面布局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"
    tools:context="com.example.dell.customlistview.MainActivity">

    <ListView
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:id="@+id/listView"
        android:layout_gravity="center_horizontal" />
</LinearLayout>

列表元素的布局custom_listcell.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal">

    <ImageView
        android:layout_width="120dp"
        android:layout_height="120dp"
        android:id="@+id/icon"/>

    <LinearLayout
        android:layout_weight="1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <TextView
            android:id="@+id/name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textAppearance="?android:attr/textAppearanceLarge"
            android:text="Large Text" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textAppearance="?android:attr/textAppearanceSmall"
            android:text="Small Text"
            android:id="@+id/description" />
    </LinearLayout>

</LinearLayout>

最终效果如下（捂脸逃跑）：

部分官方文档：
BaseAdapter：
https://developer.android.com/reference/android/widget/BaseAdapter.html