android listview 用法

ListView

ListView是android常用组件,常用于显示一堆数据，类似web ui中的datatable。

ListView展示数据的步骤

• 定义item布局
• 定义数据源
• 将item布局和数据源放入适配器
• 将适配器与listview关联

最简单的listview

• item布局文件，这里我们使用android自带的布局文件，android.R.layout.simple_list_item_1

它里边只有一个textview

<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@android:id/text1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:textAppearance="?android:attr/textAppearanceListItemSmall"
    android:gravity="center_vertical"
    android:paddingStart="?android:attr/listPreferredItemPaddingStart"
    android:paddingEnd="?android:attr/listPreferredItemPaddingEnd"
    android:minHeight="?android:attr/listPreferredItemHeightSmall"
/>
           

• 定义数据源，将item布局和数据源放入适配器，将适配器与listview关联

activity代码

@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        requestWindowFeature(Window.FEATURE_NO_TITLE);

        setContentView(R.layout.main_layout);

        ListView lv = (ListView) findViewById(R.id.lv1);

        String[] fruits = {"apple","orange","beach","mango"};
        ListAdapter adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, fruits);
        lv.setAdapter(adapter);


    }
           

• 最后，主界面的布局文件

<ListView 
        android:id="@+id/lv1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        ></ListView>
           

效果图

自定义ListView

有时，我们需要自定义显示多列，列中有图片，说明之类的。自定义说到底就是改变item布局文件

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/myface"
          android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        />

     <TextView android:id="@+id/myname"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_marginLeft="10dp"
        />

</LinearLayout>
           

适配器

public class FruitAdapter extends ArrayAdapter<Fruit> {

    private int resourceId;

    public FruitAdapter(Context context, int resource, List<Fruit> objects) {
        super(context, resource, objects);
        resourceId = resource;
    }

@Override
    public View getView(int position, View convertView, ViewGroup parent) {

        Fruit fruit = getItem(position);
        View view = LayoutInflater.from(getContext()).inflate(resourceId, null);
        ImageView imageView= (ImageView) view.findViewById(R.id.myface);
        TextView textView = (TextView) view.findViewById(R.id.myname);
        imageView.setImageResource(fruit.getImageId());
        textView .setText(fruit.getName());
        return view;
    }
}   
           

public class Fruit {

    private String name;
    private int imageId;
}
           

getView方法介绍

getView： item滚入到屏幕中时，被调用

第一个参数：position，item在数据源中的位置

第二个参数：convertView，这个参数要重点理解，convertView是滚出屏幕的那个item的布局，在优化ListView时，常常会用这个变量。这样在滚入item时，使用滚出item的布局，然后把值覆盖掉。

优化后的代码

优点：不用每次都加载布局文件

@Override
    public View getView(int position, View convertView, ViewGroup parent) {

        Fruit fruit = getItem(position);
        View view;
        if (convertView == null) {
            view = LayoutInflater.from(getContext()).inflate(resourceId, null);
        } else {
            view = convertView;
        }
        ImageView imageView = (ImageView) view.findViewById(R.id.myface);
        imageView.setImageResource(fruit.getImageId());
        TextView textView = (TextView) view.findViewById(R.id.myname);
        textView.setText(fruit.getName());
        return view;
  }
           

效果