资讯专栏INFORMATION COLUMN

ListView 使用详解

clasnake / 451人阅读

极力推荐文章:欢迎收藏
Android 干货分享

阅读五分钟,每日十点,和您一起终身学习,这里是程序员Android

本篇文章主要介绍 Android 开发中的部分知识点,通过阅读本篇文章,您将收获以下内容:

ListView主要使用方法

使用android:entries 为ListView准备数据

使用List 为ListView 准备数据

为ListView 添加头,尾,以及空布局

使用SimpleAdapter 为Listview 适配图文

使用BaseAdapter 为Listview适配图文

ListView 分类显示

ListViewAndroid 中显示数据常用的控件之一,主要用于显示一个垂直滚动的数据集合,随着Android 手机对性能要求越来越高,一个更现代,更灵活,显示列表性能更优异的RecyclerView将会逐渐取代ListView的数据显示方式,但是目前为止,ListView 在开发中还是十分常见的,并未被弃用。

ListView 简介 ListView 继承关系如下:
java.lang.Object
   ↳    android.view.View
        ↳    android.view.ViewGroup
             ↳    android.widget.AdapterView
                  ↳    android.widget.AbsListView
                       ↳    android.widget.ListView
ListView 常用XML属性
ListView XML常用属性如下:

android:divider

android:dividerHeight

android:entries

android:footerDividersEnabled

android:headerDividersEnabled

1.ListView主要使用方法如下:

ListView 常用来显示同分类数据,常用使用方法如下:

1. 准备数据源
    List mAddHeaderFooterList = new ArrayList();
2.将数据源添加到适配器中
        ArrayAdapter adapter = new ArrayAdapter(this, 
                               android.R.layout.simple_list_item_1, mAddHeaderFooterList);
3. 将适配器中的数据添加到ListView 中
        mListView.setAdapter(adapter);

# 2. 使用android:entries 为ListView准备数据

实现效果如下

实现代码如下

Listview标签中直接用数组为ListView 填充数据
entries 属性使用方法:

    

填充数据如下

array 数组资源

    
        北京
        上海
        广州
        深圳
        郑州
        成都
    

# 3. 使用List 为ListView 准备数据

实现效果如下

部分实现代码如下:

    public void ListViewArrayList(View view) {

        ClearAllView();
        mListViewArray.setVisibility(View.VISIBLE);
        // 1.准备数据源
        final String[] citys = getResources().getStringArray(R.array.citys);
        // 2.将数据源加载到适配器中
        // ArrayAdapter adapter = new ArrayAdapter(ListViewMethods.this,
        // android.R.layout.simple_expandable_list_item_1, citys);
        // 3.将适配器中的数据加载到ListView控件中

        mArrayList = Arrays.asList(citys);
        ArrayAdapter adapter = new ArrayAdapter(ListViewMethods.this,
                android.R.layout.simple_expandable_list_item_1, mArrayList);

        mListViewArray.setAdapter(adapter);

    }

# 4. 为ListView 添加头,尾,以及空布局

实现效果如下

主要方法如下:

1. 添加头布局方法
ListView.addHeaderView(View)
2.添加尾布局方法
ListView.addFooterView(View)
3. ListView数据为空时, 设置空布局方法
ListView.setEmptyView(View)

效果图实现代码如下

    public void ListViewHAddHeaderFooter(View view) {
        ClearAllView();
        mListAddHeadFooter.setVisibility(View.VISIBLE);

        // 准备数据源
        mAddHeaderFooterList = new ArrayList();

        for (int i = 0; i < 6; i++) {
            mAddHeaderFooterList.add("测试" + i);
        }
        // 将数据源添加到适配器中
        final ArrayAdapter adapter = new ArrayAdapter(
                ListViewMethods.this, android.R.layout.simple_list_item_1,
                mAddHeaderFooterList);
        // 添加listview 头
        imageHeader = new ImageView(this);
        imageHeader.setLayoutParams(new AbsListView.LayoutParams(
                ViewGroup.LayoutParams.MATCH_PARENT,
                ViewGroup.LayoutParams.WRAP_CONTENT));
        imageHeader.setImageResource(R.drawable.gril);
        imageHeader.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                int index = mAddHeaderFooterList.size();
                for (int i = index; i < index + 20; i++) {
                    mAddHeaderFooterList.add("加载更多数据内容" + i);
                }
                adapter.notifyDataSetChanged();
            }
        });
        mListAddHeadFooter.addHeaderView(imageHeader);

        // 添加listview 尾
        btnFooter = new Button(this);
        btnFooter.setLayoutParams(new AbsListView.LayoutParams(
                ViewGroup.LayoutParams.MATCH_PARENT,
                ViewGroup.LayoutParams.WRAP_CONTENT));
        btnFooter.setText("点击加载更多");
        btnFooter.setOnClickListener(new View.OnClickListener() {

            public void onClick(View v) {
                int index = mAddHeaderFooterList.size();
                for (int i = index; i < index + 20; i++) {
                    mAddHeaderFooterList.add("加载更多" + i);
                }
                adapter.notifyDataSetChanged();
            }
        });
        mListAddHeadFooter.addFooterView(btnFooter);

        TextView tv = new TextView(this);
        tv.setLayoutParams(new AbsListView.LayoutParams(
                ViewGroup.LayoutParams.MATCH_PARENT,
                ViewGroup.LayoutParams.WRAP_CONTENT));
        tv.setText("数据为空");
        mListAddHeadFooter.setEmptyView(tv);

        // 将适配器中的数据添加到ListView 中
        mListAddHeadFooter.setAdapter(adapter);
    }
5. 使用SimpleAdapter 为Listview 适配图文

实现效果如下

实现代码如下

    public void ListViewSimpleAdapter(View view) {
        ClearAllView();
        mListViewSimple.setVisibility(View.VISIBLE);
        int[] images = { R.drawable.gril, R.drawable.ic_launcher,
                R.drawable.gril, R.drawable.ic_launcher, R.drawable.gril,
                R.drawable.ic_launcher, R.drawable.gril,
                R.drawable.ic_launcher, R.drawable.gril, };

        mSimpleList = new ArrayList();
        // 准备数据
        for (int i = 0; i < images.length; i++) {
            Map map = new HashMap();
            map.put("img", images[i]);
            map.put("text", "item" + i);
            mSimpleList.add(map);
        }

        /**
         * 将数据源的数据加载到适配器中 SimpleAdapter context: 上下文对象 data:表示加载到适配器中的数据对象
         * resource: 表示adapter控件中每项资源id from:表示数据源map 中key 的数组,表示key指定的值
         * to:表示需要展示对应数据的控件资源id
         * 
         * 通过from 和to的对应,将from 中key值对应的数据指定的显示到to 指定资源id的控件中
         * 
         * **/

        SimpleAdapter adapter = new SimpleAdapter(ListViewMethods.this,
                mSimpleList, R.layout.listview_item_img_tv, new String[] {
                        "img", "text" }, new int[] { R.id.img, R.id.tv });
        // 将适配器中的数据添加到控件中
        mListViewSimple.setAdapter(adapter);
    }

使用的item 布局如下




    

    
6. 使用BaseAdapter 为Listview适配图文

实现效果如下


-实现代码如下

    public void ListViewBaseAdapter(View view) {
        ClearAllView();
        mListViewBase.setVisibility(View.VISIBLE);

        mBaseAdapterList = new ArrayList>();
        int[] images = { R.drawable.gril, R.drawable.ic_launcher,
                R.drawable.gril, R.drawable.ic_launcher, R.drawable.gril,
                R.drawable.ic_launcher, R.drawable.gril,
                R.drawable.ic_launcher, R.drawable.gril, };

        for (int i = 0; i < images.length; i++) {
            Map map = new HashMap();
            map.put("img", images[i]);
            map.put("text", "数据" + i);
            mBaseAdapterList.add(map);
        }

        MyBaseAdapter adapter = new MyBaseAdapter();
        mListViewBase.setAdapter(adapter);

    }

自定义适配器实现的方法

    class MyBaseAdapter extends BaseAdapter {

        // 当前适配器中加载数据的总条目
        @Override
        public int getCount() {
            return mBaseAdapterList.size();
        }

        // 根据指定下标获取对应item 的view
        @Override
        public Object getItem(int position) {
            return mBaseAdapterList.get(position);
        }

        // 根据指定下标获取当前item的id
        @Override
        public long getItemId(int position) {
            return position;
        }

        /**
         * 获取适配器控件中的View对象,得到用于展示数据的视图 int position,:当前item的下标 View convertView,
         * 表示可复用的View ViewGroup parent 当前绘制的item 所属的listview
         */

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

            // 表示第一次运行创建,否则复用view
            if (convertView == null) {

                convertView = LayoutInflater.from(ListViewMethods.this)
                        .inflate(R.layout.listview_item_img_tv, null);
                mHolder = new Holder();
                mHolder.tv = (TextView) convertView.findViewById(R.id.tv);
                mHolder.img = (ImageView) convertView.findViewById(R.id.img);
                convertView.setTag(mHolder);

            } else {
                // 进行复用
                mHolder = (Holder) convertView.getTag();
            }

            mHolder.tv.setText((String) mBaseAdapterList.get(position).get(
                    "text"));
            mHolder.img.setImageResource((Integer) mBaseAdapterList.get(
                    position).get("img"));

            return convertView;
        }
    }

    class Holder {
        public TextView tv;
        public ImageView img;

    }

使用的item 布局如下




    

    
7. ListView 分类显示

实现效果如下:

实现代码如下:

    public void ListViewTypeBaseAdapter(View view) {
        ClearAllView();
        mListViewType.setVisibility(View.VISIBLE);

        MyTypeBaseAdapter myTypeBaseAdapter = new MyTypeBaseAdapter();
        mListViewType.setAdapter(myTypeBaseAdapter);

    }

    class MyTypeBaseAdapter extends BaseAdapter {
        private String[] tittles = { "分类一 :水果", "分类二 :蔬菜" };
        private String[] mTypeOneList = { "苹果", "香蕉", "梨", "西瓜", "菠萝" };
        private String[] mTypeTwoList = { "番茄", "土豆", "大葱", "辣椒", "莲藕", "白菜",
                "萝卜", "豆角", "芹菜", "茄子" };
        int[] typeOneImages = { R.drawable.gril, R.drawable.ic_launcher,
                R.drawable.gril, R.drawable.ic_launcher, R.drawable.gril };
        int[] typeTwoImages = { R.drawable.gril, R.drawable.ic_launcher,
                R.drawable.gril, R.drawable.ic_launcher, R.drawable.gril,
                R.drawable.gril, R.drawable.ic_launcher, R.drawable.gril,
                R.drawable.ic_launcher, R.drawable.gril };

        @Override
        public int getCount() {
            return mTypeOneList.length + mTypeTwoList.length + 2;
        }

        @Override
        public Object getItem(int position) {
            if (position == 0 || position == mTypeOneList.length + 1) {
                return 0;
            } else {
                if (position < mTypeOneList.length + 1) {
                    return mTypeOneList[position];
                } else {
                    return mTypeTwoList[position - mTypeOneList.length - 2];
                }

            }
        }

        @Override
        public long getItemId(int position) {
            return position;
        }

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

            int mode = getItemViewType(position);
            if (mode == 0) {
                ViewTitleHolder holder = null;
                if (convertView == null) {
                    convertView = View.inflate(getApplicationContext(),
                            R.layout.listview_type_tv, null);
                    holder = new ViewTitleHolder();
                    holder.textView = (TextView) convertView
                            .findViewById(R.id.tv);
                    convertView.setTag(holder);
                } else {
                    holder = (ViewTitleHolder) convertView.getTag();
                }

                if (position == 0) {
                    holder.textView.setText(tittles[position]);
                } else {
                    holder.textView.setText(tittles[1]);
                }

                return convertView;

            } else {
                ViewHolder holder = null;
                if (convertView == null) {
                    convertView = View.inflate(getApplicationContext(),
                            R.layout.listview_item_img_tv, null);
                    holder = new ViewHolder();
                    holder.imageView = (ImageView) convertView
                            .findViewById(R.id.img);
                    holder.textView = (TextView) convertView
                            .findViewById(R.id.tv);

                    convertView.setTag(holder);
                } else {
                    holder = (ViewHolder) convertView.getTag();
                }
                if (position < mTypeOneList.length + 1) {
                    holder.textView.setText(mTypeOneList[position - 1]);
                    holder.imageView
                            .setImageResource(typeOneImages[position - 1]);
                } else {
                    holder.textView.setText(mTypeTwoList[position
                            - mTypeOneList.length - 2]);
                    holder.imageView.setImageResource(typeTwoImages[position
                            - mTypeOneList.length - 2]);
                }

                return convertView;
            }

        }

        @Override
        public int getItemViewType(int position) {
            if (position == 0 || position == mTypeOneList.length + 1) {
                return 0;
            } else {
                return 1;
            }
        }

        @Override
        public int getViewTypeCount() {
            return super.getViewTypeCount() + 1;
        }
    }

    static class ViewHolder {
        ImageView imageView;
        TextView textView;

    }

    static class ViewTitleHolder {
        TextView textView;
    }

使用的item 布局如下



    

至此,本篇已结束,如有不对的地方,欢迎您的建议与指正。同时期待您的关注,感谢您的阅读,谢谢!

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/75849.html

相关文章

  • GridView 使用详解

    摘要:简介继承关系如下主要使用方法主要通过使用自定义来适配数据,进而显示到中。如果不是太明白,可以查看上篇文章使用详解至此,本篇已结束,如有不对的地方,欢迎您的建议与指正。同时期待您的关注,感谢您的阅读,谢谢 极力推荐文章:欢迎收藏Android 干货分享 showImg(https://segmentfault.com/img/remote/1460000019975020); 阅读五分...

    dayday_up 评论0 收藏0
  • Django 学习小组:基于类的通用视图详解(一)

    摘要:本教程首先介绍两个项目中遇到的通用视图和。语句的作用是添加了到上下文中,还要把默认的一些上下文变量也返回给视图函数,以便其后续处理。 通过三周的时间我们开发了一个简单的个人 Blog,教程地址: 第一周:Django 学习小组:博客开发实战第一周教程 —— 编写博客的 Model 和首页面 第二周:Django 学习小组:博客开发实战第二周教程 —— 博客详情页面和分类页面 第三周:D...

    atinosun 评论0 收藏0
  • ContentProvider 使用详解

    摘要:获取短信内容的方法短信内容数据也是系统提供的,获取方法如下获取方法如下微信公众号程序员插入数据测试数据中。。。。。 showImg(https://segmentfault.com/img/remote/1460000019975019?w=157&h=54); 极力推荐文章:欢迎收藏Android 干货分享 showImg(https://segmentfault.com/img/...

    DirtyMind 评论0 收藏0
  • javascript 观察者(发布订阅)模式详解

    摘要:写给读者的话本人是千千万万前端小白中的一员,所以对前端小白的痛苦感同身受,面对一个新的知识点,很多时候感到束手无策。 写给读者的话 本人是千千万万前端小白中的一员,所以对前端小白的痛苦感同身受,面对一个新的知识点,很多时候感到束手无策。网上搜资料,有的不全,有的看不懂,所以本人作为小白,很有义务将自己觉得理解了的知识点尽可能的解释的通熟易懂,恨不得一个字一个字的解释。但是别人的终究是别...

    anonymoussf 评论0 收藏0
  • Flutter完整开发实战详解(十三、全面深入触摸和滑动原理)

    摘要:如果没有碰撞结果,那么通过将事件分发到全局处理。提供手势事件竞技信息的实体,内封装参与事件竞技的成员。这样胜利的会通过回调到中,设置为标志为胜利区域,然后执行和发出事件响应触发给这个控件。本篇将带你深入了解 Flutter 中的手势事件传递、事件分发、事件冲突竞争,滑动流畅等等的原理,帮你构建一个完整的 Flutter 闭环手势知识体系,这也许是目前最全面的手势事件和滑动源码的深入文章了。 ...

    garfileo 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<