ListView控件
- ListView控件以列表的形式展现具体数据内容
- 数据过多时会出现滚动条
- 根据数据长度自适应屏幕显示
- ListView列表由多个Item组成,每个Item的布局相同,用单独一个XML定义
activity_main.xml(交互界面)
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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"
tools:context=".MainActivity">
<ListView
android:id="@+id/lv"
android:layout_width="match_parent"
android:layout_height="match_parent">
</ListView>
</RelativeLayout>
list_item.xml(item条目布局)
<?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="match_parent">
<ImageView
android:id="@+id/item_image"
android:layout_width="50dp"
android:layout_height="50dp" />
<TextView
android:id="@+id/item_tv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="20sp"/>
</LinearLayout>
数据适配器
- 使用ListView控件需要进行数据适配才能显示数据;
MainActivity.java
继承BaseAdapter,自定义MyBaseAdapter类
...
ListView mLisView;
mListView=findViewById(R.id.lv);
//创建一个Adapter的实例
MyBaseAdapter mAdapter=new MyBaseAdapter();
//设置Adapter
mListView.setAdapter(mAdapter);
...
class MyBaseAdapter extends BaseAdapter{
//得到item的总数
@Override
public int getCount(){
//返回ListView Item条目总数
//nicknames是保存有每个联系人昵称的数组
return nicknames.size();
}
//得到item代表的对象
@Override
public Object getItem(int position){
//返回ListView Item条目代表的对象
return nicknames.get(position);
}
//得到Item的id
@Override
public long getItemId(int position){
//返回ListView Item的id
return position;
}
//得到Item的View视图
@Override
public View getView(int position,View convertView,ViewGroup parent){
//将list_item.xml文件找出来并转换成View对象
View view=View.inflate(MainActivity.this,R.layout.list_item,null);
TextView textview=view.findViewById(R.id.item_tv);
textview.setText(nicknames.get(position));
ImageView imageview=view.findViewById(R.id.item_image);
//icons是保存有每个联系人头像的数组
imageview.setBackgroundResource(icons.get(position));
return view;
}
}