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

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

  1. ListView主要使用方法
  2. 使用android:entries 为ListView准备数据
  3. 使用List 为ListView 准备数据
  4. 为ListView 添加头,尾,以及空布局
  5. 使用SimpleAdapter 为Listview 适配图文
  6. 使用BaseAdapter 为Listview适配图文
  7. 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常用属性如下:
  1. android:divider
  2. android:dividerHeight
  3. android:entries
  4. android:footerDividersEnabled
  5. 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准备数据

  • 实现效果如下
android:entries
  • 实现代码如下
    Listview标签中直接用数组为ListView填充数据
    entries 属性使用方法:
    
  • 填充数据如下
    array 数组资源
            北京        上海        广州        深圳        郑州        成都    

3. 使用List 为ListView 准备数据

  • 实现效果如下
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 添加头,尾,以及空布局

  • 实现效果如下
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 适配图文

  • 实现效果如下
SimpleAdapter
  • 实现代码如下
    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 布局如下
<?xml version="1.0" encoding="utf-8"?>        

6. 使用BaseAdapter 为Listview适配图文

  • 实现效果如下
BaseAdapter

-实现代码如下

    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 布局如下
<?xml version="1.0" encoding="utf-8"?>        

7. ListView 分类显示

  • 实现效果如下:
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 布局如下
<?xml version="1.0" encoding="utf-8"?>    

友情推荐:
Android 干货分享

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

更多相关文章

  1. SpringBoot 2.0 中 HikariCP 数据库连接池原理解析
  2. 一句话锁定MySQL数据占用元凶
  3. Android数据格式之解析Json
  4. Android之ViewModel
  5. android中SharedPreferences实现存储用户名功能
  6. Android:SQLiteOpenHelper,SqliteDatabase学习
  7. Android(安卓)UI高级控件之SimpleAdapter
  8. android 实现微信聊天界面效果
  9. Android实现Rxjava2+Retrofit完美封装

随机推荐

  1. 解决style attribute ‘@android:attr/wi
  2. Android(安卓)如何在IDEA Eclipse 的UI E
  3. Android(安卓)FileObserver 用法
  4. IDA动态调试Android的DEX文件
  5. 调用Android系统设置中的Intent
  6. Android源码下载出现的问题
  7. android ramdisk.img解包,打包
  8. Android(安卓)ContentProvider 完全解析
  9. Android中m、mm、mmm、mma、mmma的区别
  10. [转]Android选项卡(TabWidget)例子