安卓基础--ListView

2017-06-26 本文已影响47人小白猿

本文是我学习安卓的笔记的一部分，查看详细完整笔记请参阅

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，在第一次创建以后此全局变量不再为空，因此是可以复用的
不重复创建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();
            }
        });

安卓基础--ListView

ListView

猜你喜欢

热点阅读