美文网首页
菜鸟ListView入门

菜鸟ListView入门

作者: 古拉啦啦 | 来源:发表于2019-12-03 11:46 被阅读0次

    一个原始而简单的例子

    首先,我们看下关于ListView的简单使用方式。我们现在想要在ListView中显示一些数据,可以首先在布局文件中添加一个ListView控件:

    <?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.createchance.listviewtest.MainActivity">
    
    <ListView
        android:id="@+id/listview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>
    </RelativeLayout>
    

    这里,我们使得添加的ListView的宽和高都和父控件相等,也就是占满整个屏幕。效果如下


    pic1

    ListView是以列表的形式显示大量数据的,因此我们需要事先将数据准备好,因此我们定义了data字符串数组,当然这些数据可以来自本地数据库或者来自网络都可以。但是,我们定义的字符串数组中的数据是不能直接给ListView显示的,需要借助适配器来完成。Android中提供可很多的适配器的实现类,其中使用的最多的就是ArrayAdapter。这个类通过泛型来提供各种数据类型的支持,然后在构造方法中将我们的数据传入,注意ArrayAdapter有很多的构造器重载,我们需要根据我们的需要进行选择。创建了ArrayAdapter对象只会,我们只要调用ListView的setAdapter来设置适配器就行了。

    我们需要更丰富的形式
    上面的的例子我们只是以一个列表的形式显示了一系列的字符串,这样做确实比较无聊,在实际开发中,我们需要更加丰富的表现形式,比如在字符串前面加上一个小图片。为了实现这个效果,我们需要定义一个新的类,这个类用来表示每个要显示的Item:

    package com.createchance.listviewtest;
     /**
    * Created by baniel on 1/19/17.
    */
    
    public class Item {
    private String name;
    private int imgId;
    
    public Item(String name, int id) {
        this.name = name;
        this.imgId = id;
    }
    
    public String getName() {
        return name;
    }
    
    public int getImgId() {
        return imgId;
     }
    }
    

    上面的这个类中,我们定义了一个name和imgId字段,分别表示每一个需要表示的项目的数据信息:标题字符串和图片id。
    接下来,我们需要定义一个自定义的项目布局,这个布局中我们需要横向显示一个图片和一个标题文字:

     <?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/item_img"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
    
    <TextView
        android:id="@+id/item_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical"
        android:layout_marginLeft="10dp"/>
    
    </LinearLayout>
    

    接下来,我们创建一个自定义的适配器,继承自ArrayAdapter,并且泛型指定为我们之前定义的Item:

    package com.createchance.listviewtest;
    import android.content.Context;
    import android.support.annotation.NonNull;
    import android.view.LayoutInflater;
    import android.view.View;
    import android.view.ViewGroup;
    import android.widget.ArrayAdapter;
    import android.widget.ImageView;
    import android.widget.TextView;
    
    import java.util.List;
    
    /**
    * Created by baniel on 1/19/17.
    */
    
    public class ItemAdapter extends ArrayAdapter<Item> {
    private int layoutId;
    
    public ItemAdapter(Context context, int layoutId, List<Item> list) {
        super(context, layoutId, list);
        this.layoutId = layoutId;
    }
    
    @NonNull
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        Item item = getItem(position);
        View view = LayoutInflater.from(getContext()).inflate(layoutId, parent, false);
        ImageView imageView = (ImageView) view.findViewById(R.id.item_img);
        TextView textView = (TextView) view.findViewById(R.id.item_text);
        imageView.setImageResource(item.getImgId());
        textView.setText(item.getName());
    
        return view;
     }
    }
    

    我们在getView方法中制定布局中的控件内容,而这些内容就在item对象中保存。现在我们需要修改MainActivity的代码:

    public class MainActivity extends AppCompatActivity {
    
    private List<Item> list = new ArrayList<>();
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    
        initList();
    
        ItemAdapter itemAdapter = new ItemAdapter(MainActivity.this, R.layout.item, list);
        ListView listView = (ListView) findViewById(R.id.listview);
        listView.setAdapter(itemAdapter);
    
    }
    
    private void initList() {
        for (int i = 0; i < 100; i++) {
            Item item = new Item("Item " + i, R.mipmap.ic_launcher);
            list.add(item);
        }
    }
    }
    

    我们定义了initList方法来初始化我们的数据列表,并且在onCreate的时候调用。然后新建一个我们定义的ItemAdapter类的对象,然后我们将这个对象作为listview的Adapter,显示效果如下:

    pic2

    这样的话,我们就实现了在item的前面显示一个图片了。那如果我们想要实现更加复杂的布局效果呢?其实我们只要修改上面的item.xml那个布局就可以了!

    ListView的item点击事件

    ListView的item点击事件还是比较简单的,主要分为短暂点击和长按,代码如下:

    protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    
    initList();
    
    ItemAdapter itemAdapter = new ItemAdapter(MainActivity.this, R.layout.item, list);
    final ListView listView = (ListView) findViewById(R.id.listview);
    listView.setAdapter(itemAdapter);
    
    // 短暂点击
    listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
        @Override
        public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
            Item item = list.get(position);
            Toast.makeText(MainActivity.this, "click " + item.getName(), Toast.LENGTH_SHORT).show();
        }
    });
    // 长按点击
    listView.setOnItemLongClickListener(new AdapterView.OnItemLongClickListener() {
        @Override
        public boolean onItemLongClick(AdapterView<?> parent, View view, int position, long id) {
            Item item = list.get(position);
            Toast.makeText(MainActivity.this, "long click " + item.getName(), Toast.LENGTH_SHORT).show();
    
            return true;
        }
    });
    }
    

    总结

    关于ListView的开发,基本就是这些内容。除了这些内容之外,还有一些边边角角的知识,这部分只要大家细心查看官方doc,并且编码实践一下就能明白。
    另外,需要说明的,在当前的实际开发中,ListView的使用其实已经越来越少了,因为有一个更好用的控件可以替代它,那就是:RecyclerView。这个控件使用简单,效率较高,并且实现在support库中,在各个版本之间的兼容性比较好,建议大家使用这个控件实现。
    ————————————————

    转载出处:https://blog.csdn.net/Baniel01/article/details/54616343

    相关文章

      网友评论

          本文标题:菜鸟ListView入门

          本文链接:https://www.haomeiwen.com/subject/dchcgctx.html