Android控件——ListView基本使用

1. ListView简单介绍

ListView组件可以实现循环显示自定义组件的功能。

简单给出一个ListView的使用实例：

• 首先在你需要显示ListView的XML文件里声明一个ListView：

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:background="#dee9f7">

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

• 设计你的ListView。这里简单显示一行字符串，直接使用ArrayAdapter里模板
• 在主函数中调用ListView

public class MainActivity extends AppCompatActivity {
   
	//准备数据源
    private String[] data = {
    "Apple", "Banana", "Orange", "Watermelon", "Pear", "Grape",
    "Pineapple", "Strawberry", "Cherry", "Mango", "Apple", "Banana", "Orange", "Watermelon",
            "Pear", "Grape", "Pineapple", "Strawberry", "Cherry", "Mango",};

    @Override
    protected void onCreate(Bundle savedInstanceState) {
   
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //将数据源添加到适配器
        ArrayAdapter<String> adapter = new ArrayAdapter<String>(
                MainActivity.this, android.R.layout.simple_list_item_1,data);
        ListView listView = (ListView) findViewById(R.id.list_view);
        //将适配器中数据添加到ListView中
        listView.setAdapter(adapter);
    }
}

1.1 定制ListView界面

上面简单显示一行字符，多余比较复杂的ListView界面，可以自定义其界面，这里假定需要显示的界面是图片加文字

• 首先，自定义一个布局

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <ImageView
        android:id="@+id/fruit_image"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

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

</LinearLayout>

• 这里的ListView界面是图片加文字，准备好一组图片，定义好布局后，定义一个实体类，作为ListView适配器的适配类型

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;
    }
}

• 创建一个自定义适配器，继承ArrayAdapter

public class FruitAdapter extends ArrayAdapter<Fruit> {
   

    private int resourceId;

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

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
   
        Fruit fruit = getItem(position);
        View view = LayoutInflater.from(getContext()).inflate(resourceId, parent, false);