本文是我学习安卓的笔记的一部分，查看详细完整笔记请参阅
ListView
先简单介绍一下概念，然后举个🌰
基本使用
准备ListView布局（可以类比iOS中xib）
准备数据源
一般来说是一个数组，根据不同的需求确定不同的元素类型准备Adapter
Adapter是适配器的意思，根据目前学到的知识，有一下几种作用指定ListView的子项也就是item
指定ListView的上下文，类比于iOS可以理解为superView
指定数据集合
在Activity 中引入ListView，然后将准备好的Adapter设置给 ListView 即可
实例【由于markdown的格式问题，以下的几点笔记分别对应以下的几段分割开的代码】
我们在一个线性布局中建立一个ListView的布局，简单设置一下布局和宽高
在我们准备好的Activity中创建一个简单的字符串数据
在Activity 中的onCreate方法中创建Adapter，引入ListView，并给ListView设置Adapter
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">
<ListView
android:id="@+id/list_view"
android:layout_width="match_parent"
android:layout_height="match_parent">
</ListView>
</LinearLayout>
private String[] dataSource = {
"1", "2","3","2", "4",
"2", "5", "6", "7", "8",
"9", "10", "11","12",
"13"
};
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.ll_main_layout);
ArrayAdapter<String> adapter = new ArrayAdapter<String>(MainActivity.this, android.R.layout.simple_expandable_list_item_1,dataSource);
ListView listView = (ListView)findViewById(R.id.list_view);
listView.setAdapter(adapter);
}
}
对Adapter的详解
由于数据数据无法直接传递给ListView,故适配器应运而生。
Android提供了很多适配器的实现类，本例中使用的是
ArrayAdapter。ArrayAdapter有多个构造函数，根据实际情况去选择合适构造函数
-
ArrayAdapter的构造函数参数为
- 上下文
- item的id
- 数据集合
本例中item的id(
android.R.layout.simple_expandable_list_item_1)是系统内置的一种，类似于tableView的cell，系统会预置几种类型的cell
**自定义item **
大致思路
- 写一个带有图片和水果名称的布局
- 定义一个Fruit类，有水果名称和水果图片两个睡醒，用于给item赋值
- 自定义
ArrayAdapter：- 继承
ArrayAdapter类 - 自定义构造方法目的是获取到自定义布局的id
- 重写
getView方法【因为每个item出现系统都会调用此方法】- 获取到数据模型
- 根据布局id 来创建实体item
- 用实例数据给item赋值
- 继承
- 在Activity 中按照先前的方式准备数据源（元素类型是
Fruit的实例），创建Adapter（使用自定义的ArrayAdapter） ，最后给ListView添加Adapter
/*****************自定义布局*****************/
<?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:id="@+id/list_item_image_view"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<TextView
android:id="@+id/list_item_text_view"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center_vertical"
android:layout_margin="20dp"/>
</LinearLayout>
/***************** Fruit类*****************/
public class Fruit {
public String title;
public int imageName;
Fruit(String title, int imageName) {
this.title = title;
this.imageName = imageName;
}
public String getTitle() {
return title;
}
public void setTitle(String title) {
this.title = title;
}
public int getImageName() {
return imageName;
}
public void setImageName(int imageName) {
this.imageName = imageName;
}
/*****************自定义Adapter*****************/
public class FruitAdapter extends ArrayAdapter<Fruit> {
private int resourceId;
public FruitAdapter(Context context, int textViewResourceId, List<Fruit> object) {
super(context, textViewResourceId,object);
resourceId = textViewResourceId;
}
@NonNull
@Override
public View getView(int position, @Nullable View convertView, @NonNull ViewGroup parent) {
// 获取fruit 实例
Fruit fruit = getItem(position);
//
View view = LayoutInflater.from(getContext()).inflate(resourceId,parent,false);
ImageView fruitImage = (ImageView) view.findViewById(R.id.list_item_image_view);
TextView fruitName = (TextView) view.findViewById(R.id.list_item_text_view);
fruitImage.setImageResource(fruit.getImageName());
fruitName.setText(fruit.getTitle());
return view;
}
}
/*****************************具体引用****************************/
// 新建Fruit
private List<Fruit> fruitList = new ArrayList<>();
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.ll_main_layout);
// 初始化数据源
initFruitList();
FruitAdapter adapter = new FruitAdapter(MainActivity.this,R.layout.ll_cust_item, fruitList);
ListView listView = (ListView)findViewById(R.id.list_view);
listView.setAdapter(adapter);
}
private void initFruitList() {
for(int i = 0; i < 10; i++) {
Fruit apple = new Fruit("水货" + String.valueOf(i),R.drawable.f3);
fruitList.add(apple);
}
}
代码优化
优化大致两点
-
不重复创建布局
思路：在getView()方法中创建临时变量保存contentView,我个人的理解是：- 在本例中item的样式都是一样的，只是因为数据不同而不同，故
contentView是可以重复使用的 - 另外我觉得系统在调用
getView()传入contentView参数的时候，应该是有一个全局变量去指向contentView，在第一次创建以后此全局变量不再为空，因此是可以复用的
- 在本例中item的样式都是一样的，只是因为数据不同而不同，故
-
不重复创建
imageView和textView
思路： 思路与保存contentView的思路基本一致，只不过需要一个存储这两个属性的变量- 创建一个嵌套的类，此类有ImageView和TextView的属性，用于保存数据
- 在第一次调用的
getView()的时候初始化一个实例，保存imageView和textView的值，然后将此实例通过setTag()方法保存到contentView中，此时就可以服用此实例
具体的代码
@NonNull
@Override
public View getView(int position, @Nullable View convertView, @NonNull ViewGroup parent) {
View view;
ViewHolder viewHolder;
// 获取fruit 实例
Fruit fruit = getItem(position);
if (convertView == null) {
view = LayoutInflater.from(getContext()).inflate(resourceId,parent,false);
viewHolder = new ViewHolder();
viewHolder.imageView = (ImageView) view.findViewById(R.id.list_item_image_view);
viewHolder.textView = (TextView) view.findViewById(R.id.list_item_text_view);
//将viewHolder保存在view中，便于复用
view.setTag(viewHolder);
} else {
view = convertView;
viewHolder = (ViewHolder) view.getTag();
}
viewHolder.imageView.setImageResource(fruit.getImageName());
viewHolder.textView.setText(fruit.getTitle());
return view;
}
class ViewHolder {
ImageView imageView;
TextView textView;
}
- 小bug
习惯性的将ViewHolder类设置为了私有，收swift影响，但是发现java中嵌套类也不能设置为private,报错找不到这个类，故应该去掉private
item点击
思路：在Activity 使用ListView的地方给其添加监听，此监听与Button有些不同
- ListView 使用的监听的是
setOnItemClickListener() - 回调方法的listen的参数类型也相应改变为
OnItemClickListener() - IDE自动补全的回调方法中会返回 item的所以，根据索引取出数据源中相应的实例
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.ll_main_layout);
// 初始化数据源
initFruitList();
FruitAdapter adapter = new FruitAdapter(MainActivity.this,R.layout.ll_cust_item, fruitList);
ListView listView = (ListView)findViewById(R.id.list_view);
listView.setAdapter(adapter);
listView.setOnItemClickListener(new OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {
String fruitName = fruitList.get(i).getTitle();
Toast.makeText(MainActivity.this,fruitName,Toast.LENGTH_SHORT).show();
}
});
