ListView 使用详解
16lz
2021-01-26
阅读五分钟,每日十点,和您一起终身学习,这里是程序员Android
本篇文章主要介绍 Android
开发中的部分知识点,通过阅读本篇文章,您将收获以下内容:
- ListView主要使用方法
- 使用android:entries 为ListView准备数据
- 使用List 为ListView 准备数据
- 为ListView 添加头,尾,以及空布局
- 使用SimpleAdapter 为Listview 适配图文
- 使用BaseAdapter 为Listview适配图文
- ListView 分类显示
ListView
是Android
中显示数据常用的控件之一,主要用于显示一个垂直滚动的数据集合,随着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
- 使用的item 布局如下
<?xml version="1.0" encoding="utf-8"?>
6. 使用BaseAdapter 为Listview适配图文
- 实现效果如下
-实现代码如下
public void ListViewBaseAdapter(View view) { ClearAllView(); mListViewBase.setVisibility(View.VISIBLE); mBaseAdapterList = new ArrayList
自定义适配器实现的方法
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 分类显示
- 实现效果如下:
- 实现代码如下:
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 干货分享
至此,本篇已结束,如有不对的地方,欢迎您的建议与指正。同时期待您的关注,感谢您的阅读,谢谢!
更多相关文章
- SpringBoot 2.0 中 HikariCP 数据库连接池原理解析
- 一句话锁定MySQL数据占用元凶
- Android数据格式之解析Json
- Android之ViewModel
- android中SharedPreferences实现存储用户名功能
- Android:SQLiteOpenHelper,SqliteDatabase学习
- Android(安卓)UI高级控件之SimpleAdapter
- android 实现微信聊天界面效果
- Android实现Rxjava2+Retrofit完美封装