前言:ListView这个控件,是挺重要的控件,我们在很多应用中都可以见到它,例如联系人列表,微信的聊天和联系人列表界面等等,所以要下功夫好好学了。在这个控件的学习中也是遇到了不少问题,一个就是,我在每个列表项展示图片的时候,把自己电脑上的jpg格式的图片改成了png,然后拉到项目中不能用,总报错,且不能为图片生成id,这就导致R文件不能正确被创建,很烦,所以不要轻易更改图片格式。所以提醒小伙伴们注意啊!
1.首先创建在主布局中添加ListView
这步基本上不会有什么问题,就是为这个控件添加id,设置一下宽高就行了。
<?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">
<ListView
android:id="@+id/list_view"
android:layout_width="match_parent"
android:layout_height="match_parent"
/>
</LinearLayout>
2.为列表项添加自定义布局
这里这个布局我没写的多复杂,就加了一个图片视图和文字视图。当然了,我们也可以自己自由设计这个布局,模仿微信或者微博等等他们的界面。
<?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"
android:orientation="horizontal">
<ImageView
android:id="@+id/fruit_iamge"
android:layout_width="30dp"
android:layout_height="30dp"/>
<TextView
android:id="@+id/fruit_name"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_marginLeft="10dp"/>
</LinearLayout>
3.创建一个内容类,用于充当列表项里展示的内容
这个类我是按照书上的例子写的,即展示的内容是一张水果图片和水果的名字。这个类也很简单,一个图片id属性,一个图片名字属性。
package com.example.administrator.listviewtest;
/**
* Created by Administrator on 2016/9/5.
*/
public class Fruit {
private String name;
private int imageId;
public Fruit(String name,int imageId){
this.name =name;
this.imageId = imageId;
}
public String getName() {
return name;
}
public int getImageId() {
return imageId;
}
}
4.自定义一个适配器(FruitAdapter)
好吧,这个才是学习过程中不好理解的地方,尤其是对于像我这样的新手来讲,好多方法及参数都没见过好吧!但是这不是阻止我们继续学习下去的借口,不懂得方法就查Android官方文档吧。
这个自定义的适配器是继承的ArrayAdapter,在这个适配器类中写了一个resourceId属性,这个属性是用来接收你写的自定义布局的id。然后下面是个构造方法,这个方法里有三个参数,第一个是context(上下文)用于指定响应哪个活动,我们这里是指定MainActivity。第二个参数传自定义布局的id,不用多讲了。第三个是list集合,用来传自定义内容类的对象。
最后的这个方法,是我们覆写的getView()方法,这个方法是在内容被显示的时候被调用的,怎么理解呐?就是适配器和ListView这个控件绑定后(这个在MainActivity中写的),列表里的内容需要适配器为它加载控件,为它加载内容,所以这个覆写这个方法,就是为了展示我们自己的内容。但为什么一定要覆写,我补重写难道不行?这是由于你继承的是ArrayAdapter,这个类中的getView返回的就一个textView,即就只能展示文字,你想展示图片,你想让你的列表项变得更加丰富,那你说,重不重写。
这个方法里同样也有三个参数,第一个position是用来获取你适配器里的fruit实例的,第二个convertView是缓存的视图(convertView的原理),第三个是所有加载过的view组。首先通过getItem方法获得fruit对象,然后判断convertView是否为空,为空的话就说明列表项的内容都是第一次被加载,然后初始化布局。如果不为空的话,说明有已经的加载过的列表项,就不需要为新的列表项重新加载布局了,直接用缓存的布局。viewHolder对象是避免布局中控件对象的重复加载,在第一次加载的时候,把实例化的控件通过setTag()存在view对象中,当展示新的列表项时,直接把view中实例化好的控件拿来用。
再接着,在为控件添加数据,这个方法基本写完了。
package com.example.administrator.listviewtest;
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Adapter;
import android.widget.ArrayAdapter;
import android.widget.ImageView;
import android.widget.TextView;
import java.util.List;
/**
* Created by Administrator on 2016/9/5.
*/
public class FruitAdapter extends ArrayAdapter<Fruit> {
private int resoureId;
public FruitAdapter(Context context, int textViewResoureId, List<Fruit> objects){
super(context,textViewResoureId,objects);
this.resoureId = textViewResoureId;
}
@Override
//这个getView方法,是每当列表项进入屏幕内被调用
public View getView(int position, View convertView, ViewGroup parent) {
//通过item方法获取适配器其中的fruit的实例,arrayadapter里的对象是按照数组顺序排列的
Fruit fruit = getItem(position);
//创建一个视图对象获取单个列表项的布局
//View view = LayoutInflater.from(getContext()).inflate(resoureId,null);
//性能优化,convertView是缓存的列表项,避免重复加载控件
View view;
viewHolder viewHolder;
if (convertView == null){
view = LayoutInflater.from(getContext()).inflate(resoureId,null);
viewHolder = new viewHolder();
viewHolder.mImageView = (ImageView)view.findViewById(R.id.fruit_iamge);
viewHolder.mTextView = (TextView)view.findViewById(R.id.fruit_name);
//把实例化的控件保存在view中
view.setTag(viewHolder);
}else {
view = convertView;
viewHolder = (viewHolder) view.getTag();
}
//为视图添加内容
viewHolder.mImageView.setImageResource(fruit.getImageId());
viewHolder.mTextView.setText(fruit.getName());
return view;
}
class viewHolder{
ImageView mImageView;
TextView mTextView;
}
}
5.在MainActivity中,初始化ListView并添加响应事件
在Activity中,首先要用集合来管理数据对象,然后初始化ListView和自定义的FruitAdapter,通过setAdapter()为ListView添加适配器(即上面提过的绑定,这是我自己的说法)。这里的fruit类数据的初始化中,我没用水果的名字,是自己瞎写的,图片也是系统自带的。有点注意的是,initFruit方法要写在适配器初始化前面,要不然就什么也显示不出来。
package com.example.administrator.listviewtest;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.Toast;
import java.util.ArrayList;
import java.util.List;
public class MainActivity extends AppCompatActivity {
//创建一个集合作为数据源
private List<Fruit> mFruitList = new ArrayList<>();
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//初始化数据源
initFruits();
//创建适配器
FruitAdapter adapter = new FruitAdapter(MainActivity.this, R.layout.fruit_item, mFruitList);
ListView mListView = (ListView) findViewById(R.id.list_view);
//为列表视图添加适配器
mListView.setAdapter(adapter);
//添加响应事件
mListView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
Fruit fruit = (Fruit)mFruitList.get(position);
Toast.makeText(MainActivity.this, fruit.getName(), Toast.LENGTH_SHORT).show();
}
});
}
//创建fruit对象,并加入集合中
private void initFruits(){
Fruit fruit1 = new Fruit("企鹅",R.drawable.ic_launcher);
mFruitList.add(fruit1);
Fruit fruit2 = new Fruit("八仙花",R.drawable.ic_launcher);
mFruitList.add(fruit2);
Fruit fruit3 = new Fruit("水母",R.drawable.ic_launcher);
mFruitList.add(fruit3);
Fruit fruit4 = new Fruit("沙漠",R.drawable.ic_launcher);
mFruitList.add(fruit4);
Fruit fruit5 = new Fruit("灯塔",R.drawable.ic_launcher);
mFruitList.add(fruit5);
Fruit fruit6 = new Fruit("红旗",R.drawable.ic_launcher);
mFruitList.add(fruit6);
Fruit fruit7 = new Fruit("考拉",R.drawable.ic_launcher);
mFruitList.add(fruit7);
Fruit fruit8 = new Fruit("菊花",R.drawable.ic_launcher);
mFruitList.add(fruit8);
Fruit fruit9 = new Fruit("郁金香",R.drawable.ic_launcher);
mFruitList.add(fruit9);
Fruit fruit10 = new Fruit("风情", R.drawable.ic_launcher);
mFruitList.add(fruit10);
}
}