listview多种类型条目显示
2016-08-19 09:31
489 查看
一、整个布局是一个listview实线的,而listview里面是嵌套了三种不同展示类型的item,平常只显示一种listview条目,我们会用到常用的四个方法,但是显示不同种类型item的时候,还需要实现两个重要的API(getViewTypeCount()、getItemViewType()),getItemViewType()中的type最大值
要小于getViewTypeCount()的返回值。
先看下主要的布局:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" > <ListView android:id="@+id/lv" android:layout_width="match_parent" android:layout_height="wrap_content" /> </RelativeLayout>
紧接着是三个不同类型的小条目的布局
item1`
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content" android:padding="10dp" android:orientation="horizontal" > <TextView android:id="@+id/tv_1" android:text="1" android:paddingRight="5dp" android:layout_centerVertical="true" android:layout_width="wrap_content" android:layout_height="wrap_content" /> <CheckBox android:id="@+id/cb" android:checked="false" android:focusable="false" android:layout_alignParentRight="true" android:layout_width="wrap_content" android:layout_height="wrap_content" /> </RelativeLayout>
item2
<?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" android:padding="10dp" android:orientation="vertical" > <TextView android:id="@+id/tv_2" android:text="2" android:paddingRight="5dp" android:layout_centerVertical="true" android:layout_width="wrap_content" android:layout_height="wrap_content"></TextView> </LinearLayout>
item3
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="wrap_content" android:layout_height="wrap_content" android:padding="10dp" android:orientation="horizontal" > <TextView android:layout_gravity="center_vertical" android:id="@+id/tv_3" android:text="3" android:layout_marginRight="5dp" android:layout_centerVertical="true" android:layout_width="wrap_content" android:layout_height="wrap_content"> </TextView> <ImageView android:id="@+id/iv_3" android:layout_alignParentRight="true" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/yapei" /> </RelativeLayout>
下面就是核心的代码实现 了:
package com.example.listviewshow; import java.util.ArrayList; import java.util.List; import android.os.Bundle; import android.app.Activity; import android.view.Menu; import android.view.View; import android.view.ViewGroup; import android.widget.BaseAdapter; import android.widget.CheckBox; import android.widget.ImageView; import android.widget.ListView; import android.widget.TextView; public class MainActivity extends Activity { private ListView mListView; private List<String> mList; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); mListView = (ListView) findViewById(R.id.lv); mList = new ArrayList<String>(); for(int i = 0; i< 100; i++){ mList.add(i+""); } mListView.setAdapter(new MyAdapter()); } public class MyAdapter extends BaseAdapter{ /** * 三种类型item */ final int TYPE_1 = 0; final int TYPE_2 = 1; final int TYPE_3 = 2; @Override public int getCount() { // TODO Auto-generated method stub return mList.size(); } @Override public Object getItem(int position) { // TODO Auto-generated method stub return mList.get(position); } @Override public long getItemId(int position) { // TODO Auto-generated method stub return position; } @Override public View getView(int position, View convertView, ViewGroup parent) { // TODO Auto-generated method stub viewHolder holder; int type = getItemViewType(position); if (convertView == null) { holder = new viewHolder(); switch (type) { case TYPE_1: convertView = View.inflate(getApplicationContext(), R.layout.item_1, null); holder.checkBox = (CheckBox) convertView.findViewById(R.id.cb); holder.textView = (TextView) convertView.findViewById(R.id.tv_1); break; case TYPE_2: convertView = View.inflate(getApplicationContext(), R.layout.item_2, null); holder.textView = (TextView) convertView.findViewById(R.id.tv_2); break; case TYPE_3: convertView = View.inflate(getApplicationContext(), R.layout.item_3, null); holder.textView = (TextView) convertView.findViewById(R.id.tv_3); holder.imageView = (ImageView) convertView.findViewById(R.id.iv_3); break; default: break; } convertView.setTag(holder); }else { holder = (viewHolder) convertView.getTag(); } holder.textView.setText(Integer.toString(position)); switch (type) { case TYPE_1: holder.checkBox.setChecked(true); break; case TYPE_2: break; case TYPE_3: holder.imageView.setBackgroundResource(R.drawable.yapei); break; } return convertView; } /** * 返回条目的总数量 */ @Override public int getViewTypeCount() { // TODO Auto-generated method stub return 3; } @Override public int getItemViewType(int position) { // TODO Auto-generated method stub int p = position % 6; if (p == 0) return TYPE_1; else if (p < 3) return TYPE_2; else if (p < 6) return TYPE_3; else return TYPE_1; } } static class viewHolder{ CheckBox checkBox; TextView textView; ImageView imageView; } }
相关文章推荐
- Centos7.x系列密码遗忘重置问题
- linux vi命令详解
- 条件查询List集合,由查询的结果,算出一行数据,添加到集合中!
- 详解Angular中$cacheFactory缓存的使用
- startActivityForResult 没有反应
- android mvp模式 总结及个人心得
- Qt实现图片移动
- border-image属性分析
- 使用有源匹配电路改善宽带全差分放大器的噪声性能
- SQL SERVER 修改数据库名称(包括 db.mdf 名称的修改)
- 重构14-Break Responsibilities
- 重构13-Extract Method Object(提取方法对象)
- 重构12-Break Dependencies(打破依赖)
- JSPatch实现原理
- 《Motion Design for iOS》(四十六(最终章))
- XML 读取
- 重构11-Switch to Strategy(Switch到策略模式)
- 重构10-Extract Method(提取方法)
- Android与单片机通信常用数据转换方法(汇总)
- 关于Drawable转Bitmap的错误,为0的处理办法