AndroidUI组件 ListView(2)

来源：互联网发布：java mina netty 编辑：程序博客网时间：2024/05/17 21:14

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

getCount方法可以取得列表项的数量
getItem通过一个位置取得关联项的数据
getItemId通过一个位置取得关联项的ID
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方法的执行时机大概有以下三个：

初始显示时
listview滚动时
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

0 0