ListView界面定制（即自定义ListView子项的布局）及优化和点击事件

最新推荐文章于 2024-07-02 16:04:44 发布

LJW874362735

最新推荐文章于 2024-07-02 16:04:44 发布

阅读量4.5k

点赞数 8

分类专栏： Android入门学习文章标签： ListView 滚动控件

本文链接：https://blog.youkuaiyun.com/LJW874362735/article/details/90233620

版权

Android入门学习专栏收录该内容

38 篇文章

订阅专栏

本文介绍了如何定制ListView的界面，包括定义实体类、设计子项布局以及创建自定义适配器。同时讨论了ListView的性能优化，如利用convertView减少布局加载，以及通过ViewHolder缓存子项控件。最后，讲解了如何为ListView设置点击事件监听器，以便响应用户的点击操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

注：ListView只能实现纵向滚动

ListView简单用法就是：

数据通过适配器Adapter对象（构造函数第3个参数）（即数据放进Adapter对象）
然后使用ListView.setAdapter(apdapter)将适配器对象传给ListView对象
/*xxxAdapter构造函数，一般用ArrayAdapter多
Adapter（Context上下文，listView子项的布局文件id，数据（数组之类））
*/

所谓定制LIstView界面就是自定义Adapter构造函数中，我们传入的子项布局文件，只要修改子项布局文件就可以有多样的ListView

在这里插入图片描述
①定义一个实体类用于适配器的适配类型（即泛型中<>指定的类），如ArrayAdapter<实体类>

public class Fruit {
    String name;
    int imageId;

    public Fruit(String name,int imageId){
        this.imageId=imageId;
        this.name=name;
    }
    public String getName() {
        return name;
    }

    public int getImageId() {
        return imageId;
    }
}

②为ListView的子项定义布局（即Adapter构造函数传入的布局），这里不同，则ListView就不同
ImageView：图片，TextView名字

<?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_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>

③

自定义一个适配器类，继承ArrayAdapter（可以其他Adapter）且泛型指定为①中的实体类Fruit
并且重写getView（int position，View convertView，ViewGroup parent）：子项被滚到屏幕被调用
：

public class FruitAdapter extends ArrayAdapter {
    private int resourceId;
    /*参数说明
    Context context：上下文，用getContext（）可获取
    textViewResourceId：自定义的ListView的子项布局 id
    List<Fruit> objects：在ListView上的显示数据
    */
    public FruitAdapter(Context context, int textViewResourceId, List<Fruit> objects){
        super(context,textViewResourceId,objects);
        resourceId=textViewResourceId;
    }
    //重写getView(),这个方法在每个子项被滚到屏幕内都会被调用
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        Fruit fruit= (Fruit) getItem(position);//获取当前子项的Fruit实例
        /*动态加载自定义的子项布局文件*/
        View view= LayoutInflater.from(getContext()).inflate(resourceId,parent,false);
        //获取子项布局中的控件，并添加内容
        ImageView fruitImage=(ImageView)view.findViewById(R.id.fruit_image);
        TextView fruitName=(TextView)view.findViewById(R.id.fruit_name);
        fruitImage.setImageResource(fruit.getImageId());//添加图片
        fruitName.setText(fruit.getName());//添加名字
        return view;
    }

/动态加载自定义的子项布局文件/
View view= LayoutInflater.from(getContext()).inflate(resourceId,parent,false);
中参数false代表只是声明Layout属性生效，但不会为这个View添加父布局
因为子项布局有了父布局，就不能添加到ListView中了

④最后就是在Activity中使用他了

创建自定义适配器对象，传入Context，子项布局ID，数据
获取ListView控件，并用setAdapter(适配器对象)为ListView传入数据

public class MainActivity extends AppCompatActivity {

    private List<Fruit> fruitList=new ArrayList<Fruit>();
    @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,fruitList);
        //获取ListView控件，并添加适配器，将数据由适配器传到ListView
        ListView listView=(ListView)findViewById(R.id.list_view);
        listView.setAdapter(adapter);

    }
//这里没用数据库，如果是，就改成从数据库获取数据，存进ArrayList就行
    private void initFruits() {
        for (int i = 0; i < 2; i++) {
            Fruit apple = new Fruit("Apple",R.drawable.apple_pic);
            fruitList.add(apple);
            Fruit banana = new Fruit("Banana", R.drawable.banana_pic);
            fruitList.add(banana);
            Fruit orange = new Fruit("Orange", R.drawable.orange_pic);
            fruitList.add(orange);
            Fruit watermelon = new Fruit("Watermelon", R.drawable.watermelon_pic);
            fruitList.add(watermelon);
            Fruit pear = new Fruit("Pear", R.drawable.pear_pic);
            fruitList.add(pear);
            Fruit grape = new Fruit("Grape", R.drawable.grape_pic);
            fruitList.add(grape);
            Fruit pineapple = new Fruit("Pineapple", R.drawable.pineapple_pic);
            fruitList.add(pineapple);
            Fruit strawberry = new Fruit("Strawberry", R.drawable.strawberry_pic);
            fruitList.add(strawberry);
            Fruit cherry = new Fruit("Cherry", R.drawable.cherry_pic);
            fruitList.add(cherry);
            Fruit mango = new Fruit("Mango", R.drawable.mango_pic);
            fruitList.add(mango);
        }
    }
}

备注：
== 这里的ListView可以优化，两点：==

getView（）方法每次子项划入屏幕都会调用，所以子项布局的动态加载也会重复加载
优化方法：getView(int position, View convertView, ViewGroup parent)中的
convertView参数作用：将之前加载好的子项布局缓存，以便重复使用：

@Override
    public View getView(int position, View convertView, ViewGroup parent) {
        Fruit fruit= (Fruit) getItem(position);//获取当前子项的Fruit实例
/*优化1：*/
        /*动态加载自定义的子项布局文件*/
         View view;
        if(convertView==null){		//如果convertView为空表示没缓存，需第一次加载
			  view= LayoutInflater.from(getContext()).inflate(resourceId,parent,false);
		}else{								//否则，就复用convertView
			view=convertView;
		}

        //获取子项布局中的控件，并添加内容
        ImageView fruitImage=(ImageView)view.findViewById(R.id.fruit_image);
        TextView fruitName=(TextView)view.findViewById(R.id.fruit_name);
        fruitImage.setImageResource(fruit.getImageId());//添加图片
        fruitName.setText(fruit.getName());//添加名字
        return view;
    }

这样如果第一次没加在过自定义的子项布局文件，就加载，convertView参数就会自动缓存此布局，然后下次就可以重用了

getView()中，还是用了findViewById（）,我们可以创建1个内部类viewHolder，字段就是子项布局中控件，用于对子项控件的缓存：

public View getView(int position, View convertView, ViewGroup parent) {
        Fruit fruit = getItem(position); // 获取当前项的Fruit实例
        
        View view;
        ViewHolder viewHolder;
        if (convertView == null) {
			//第一次加载布局
            view = LayoutInflater.from(getContext()).inflate(resourceId, parent, false);
			
			//第一次缓存控件
            viewHolder = new ViewHolder();
            viewHolder.fruitImage = (ImageView) view.findViewById (R.id.fruit_image);
            viewHolder.fruitName = (TextView) view.findViewById (R.id.fruit_name);
            
            view.setTag(viewHolder); // 将ViewHolder存储在View中
        } else {
            view = convertView;
            viewHolder = (ViewHolder) view.getTag(); // 重新获取ViewHolder
        }
        
        viewHolder.fruitImage.setImageResource(fruit.getImageId());
        viewHolder.fruitName.setText(fruit.getName());
        return view;
    }
    
//定义1各类，用于缓存子项布局中控件，属性就是子项布局总的控件
    class ViewHolder {

        ImageView fruitImage;

        TextView fruitName;

    }

view.setTag(viewHolder); 将ViewHolder存储在View（子项布局）中
当convertView不为空，就可以使用view.getTag（）重新获取ViewHolder
通过以上2个优化，ListView的运行效率已经很好了

ListView点击事件：

..........................................................................
private List<Fruit> fruitList = new ArrayList<Fruit>();

    @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, fruitList);
        ListView listView = (ListView) findViewById(R.id.list_view);
        listView.setAdapter(adapter);
        //点击事件
        listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view,
                                    int position, long id) {
                Fruit fruit = fruitList.get(position);
                Toast.makeText(MainActivity.this, fruit.getName(), Toast.LENGTH_SHORT).show();
            }
        });
    }

..........................................................................

**listView.setOnItemClickListener（）**方法为ListView注册监听器
用户点击某个子项，就会回调
onItemClick(AdapterView<?> parent, View view, int position, long id),
position就是点击的子项的位置