ListView基本用法及适配器介绍 您所在的位置:网站首页 属于android中的三种适配器 ListView基本用法及适配器介绍

ListView基本用法及适配器介绍

2024-07-07 19:32| 来源: 网络整理| 查看: 265

ListView基本用法 ListView常用属性

1.android:divider=”” 列表之间绘制的颜色或者图片。一般开发中用于分隔表项。在实际开发过程中,如果你不想要列表之间的分割线,可以设置属性为 @null 2. android:dividerHeight=”” 前面 divider 的高度。 3. android:stackFromBottom=”” 使它们的内容从底部开始显示。默认是 false 从顶部开始显示,如果设置为 true 则从底部开始显示。 4. android:transcriptMode=”” 设置列表的 transcriptMode 模式,该模式指定列表添加新的选项的时候,是否自动滑动到底部,显示新的选项。 共三个枚举值: disabled:取消 transcriptMode 模式,默认的 。 normal:当接受到数据集合改变的通知,并且仅仅当最后一个选项已经完全显示在屏幕的时候,自动滑动到底部。 alwaysScroll:无论当前列表显示什么选项,列表将会自动滑动到底部显示最新的选项。

ListView常用方法

setEmptyView(View)设置ListView没有数据时展示的布局 需要注意。该方法需要的参数 View。该 View 必须和 ListView 在同一个布局容器中。

setHeaderView() 添加头部布局,可以添加多个(需要动态加载布局)

setFooterView() 添加尾部布局,可以添加多个(需要动态加载布局)

ListView常用监听方法 listView1.setOnItemClickListener(new OnItemClickListener() { @Override public void onItemClick(AdapterView parent, View view, int position, long id) { } });

onItemCLick 方法的参数说明: parent:指 ListView 本身。 view:当前被点击的 Item 的 View 对象 position:当前点击的 Item 的视图位置下标 id:该值是 Adapter 的 getItemId() 方法所返回的值。

适配器

Android 中适配器是连接后端数据和前端显示的接口,是数据和UI之间重要的纽带,主要在 View 上显示【一般是 listview】。可以看作是界面数据绑定的一种理解。它所操纵的数据一般都是一些比较复杂的数据,如数组,链表,数据库,集合等。适配器就像显示器,把复杂的东西按人可以接受的方式来展现。 高级控件:ListView、GridView[网格视图]、Spinner[下拉列表]、Gallery[画廊]、ViewPage 等都需要使用适配器来为其设置数据源。

常用的适配器有:ArrayAdapter,SimpleAdapter,CursorAdapter 这三个都是继承 BaseAdapter,BaseAdapter是一个抽象类,需要子类继承并实现其中的方法才能使用,常用于用户自定义适配器时,显示比较复杂的数据。

ArrayAdapter

使用简单 例:

public class MainActivity extends AppCompatActivity { private ListView listView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); //动态加载布局... View main = getLayoutInflater().inflate(R.layout.activity_main, new FrameLayout(this), false); setContentView(main); // setContentView(R.layout.activity_main); ArrayAdapter arrayAdapter = new ArrayAdapter(this, android.R.layout.simple_list_item_1, getData()); listView = (ListView) main.findViewById(R.id.listView); //动态加载布局.... //第一步:得到布局加载器 // LayoutInflater inflater= getLayoutInflater();//在Activity中 // LayoutInflater inflater= LayoutInflater.from(this);//在有Context 的地方 // LayoutInflater inflater= (LayoutInflater) this.getSystemService(Context.LAYOUT_INFLATER_SERVICE);//在有Context 的地方 LayoutInflater inflater = LayoutInflater.from(this); //第二步:使用布局加载器 加载布局 View view1 = inflater.inflate(R.layout.view_list_header, listView, false); View view2 = inflater.inflate(R.layout.view_list_header, listView, false); View view3 = inflater.inflate(R.layout.view_list_header, listView, false); //添加头部布局 // listView.addHeaderView(view1); // listView.addHeaderView(view2); //添加尾部布局 // listView.addFooterView(view3); //添加空的视图(当ListView 没有数据的时候显示) listView.setEmptyView(findViewById(R.id.lv_emptyView));//要求该视图 必须在 ListView 所在的容器里 view1.findViewById(R.id.btn_sss).setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { Toast.makeText(MainActivity.this, "呵呵", Toast.LENGTH_SHORT).show(); } }); //绑定适配器到ListView listView.setAdapter(arrayAdapter); } //初始化数据 public List getData() { ArrayList data = new ArrayList(); for (int i = 0; i < 50; i++) { data.add("我和你吻别,在无人的街道..." + i); } return data; } } SimpleAdapter new SimpleAdapter(context, data, resource, from, to)

参数说明: context : 上下文 data:数据源 格式 List

SimpleAdapter与ViewBinder结合使用(因为SimpleAdapter是系统写好的,可以使用ViewBinder来自己绑定视图) simpleAdapter.setViewBinder(new ViewBinder() { @Override public boolean setViewValue(View view, Object data, String textRepresentation) { return false; } });

setViewValue 方法的参数说明: view 当前需要绑定的视图控件(不是整个布局,而是布局里面具体某一个ImageView 或 TextView 等); data:当前 view 所对应的 数据 textRepresentation:该参数是由 data 经过处理的,内部做了非空判断,所以该参数永远不为 null

例:

public class MainActivity extends AppCompatActivity { private ListView lv_show; //初始化数据 ArrayList list = new ArrayList(); @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); lv_show = (ListView) findViewById(R.id.lv_show); HashMap map1 = new HashMap(); map1.put("icon", R.mipmap.icon0); map1.put("title", "订阅号"); map1.put("msg", "iphone7发布了,激动我买note7"); map1.put("time", 17567898762L); list.add(map1); /******************/ HashMap map2 = new HashMap(); map2.put("icon", R.mipmap.icon1); map2.put("title", "QQ邮箱提醒"); map2.put("msg", "阿斯顿飞开了家"); map2.put("time", 17567898762L); list.add(map2); /******************/ HashMap map3 = new HashMap(); map3.put("icon", R.mipmap.icon2); map3.put("title", "微信活动"); map3.put("msg", "日体育偶朋友"); map3.put("time", 17567898762L); list.add(map3); /******************/ HashMap map4 = new HashMap(); map4.put("icon", R.mipmap.icon3); map4.put("title", "美团外卖"); map4.put("msg", "飞规划局快乐空间和高峰过后"); map4.put("time", 17567898762L); list.add(map4); /******************/ String from[] = {"title", "icon", "msg", "time"}; int to[] = {R.id.tv_title, R.id.imageView, R.id.tv_lastMsg, R.id.tv_time}; //创建SimpleAdapter /** * @params 参数一:Context * @params 参数二:数据源,List> * @params 参数三:布局 Layout ID * @params 参数四:由参数二 的 每一个Map 的 key 所组成的 String[] * @params 参数五:由参数三 布局 里面的子控件的 View 的 ID 组成的 int[] * * 注意:参数四与参数五,一个数据对应一个view。数组的数据和控件下标位置要对齐 * */ SimpleAdapter adapter = new SimpleAdapter(this, list, R.layout.view_list_item_wechat, from, to); //ViewBind adapter.setViewBinder(new SimpleAdapter.ViewBinder() { @Override public boolean setViewValue(View view, Object data, String textRepresentation) { if (view.getId() == R.id.tv_time && data instanceof Long) { //如果是时间,我们自己绑定 TextView t = (TextView) view; Long time = Long.parseLong(data + ""); t.setText(new SimpleDateFormat("HH:mm", Locale.CHINA).format(new Date(time))); return true;//返回true 自己绑定数据 } if (view instanceof ImageView) { //如果是ImageView 添加一个点击事件 view.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { Toast.makeText(MainActivity.this, "点击了头像", Toast.LENGTH_SHORT).show(); } }); } return false;//交给系统绑定 } }); lv_show.setAdapter(adapter); //设置ListView 的 Item的点击事件 lv_show.setOnItemClickListener(new AdapterView.OnItemClickListener() { /** * * @param parent 设置该点击事件的 AdapterView 本身(ListView) * @param view 点击的Item的视图对象 * @param position 视图在 Adapter 中的位置 * @param id 视图在ListView 中的行的下标 */ @Override public void onItemClick(AdapterView parent, View view, int position, long id) { Log.d(TAG, "parent=" + parent); Log.d(TAG, "view=" + view); Log.d(TAG, "position=" + position); Log.d(TAG, "id=" + id); HashMap map = list.get(position); Object title = map.get("title"); Toast.makeText(MainActivity.this, "" + title, Toast.LENGTH_SHORT).show(); } }); } } BaseAdapter BaseAdapter中的四个方法的说明 class MyAdapter extends BaseAdapter { @Override public int getCount() { return 0;//返回适配器的长度 } @Override public Object getItem(int position) { //position 当前视图的下标 return null;//系统不会主动调用该方法,由开发者自己实现 } @Override public long getItemId(int position) { //position 当前视图的下标 return 0;//ListView Item 点击事件中第四个参数的返回值 } /** * position 当前视图的下标 * convertView 布局的复用(当有布局滑出 ListView 显示的范围,convertView 就指向 刚滑出的布局) * parent ListView 本身 */ @Override public View getView(int position, View convertView, ViewGroup parent) { return null;//最主要的方法,返回当前 Item 展示的布局 } } ListView的ConvertView复用

1.重用了convertView,很大程度上的减少了内存的消耗。通过判断convertView是否为null,是的话就需要产生一个View出来,然后给这个视图数据,最后将这个视图返回给底层,呈献给用户。

2.ViewHolder 为static,也就是静态的,静态类只会在第一次加载时 会耗费比较长时间,但是后面就可以很好帮助加载,同时保证了内存中只有一个ViewHolder,节省了内存的开销

3.给contentView设置tag(setTag()),传入一个viewHolder对象,用于缓存要显示的数据

4.图片采用异步加载方式

5.如果listview需要显示的item很多,就要考虑分页加载。比如一共要显示100条或者更多的时候,我们可以考虑先加载20条,等用户拉到列表底部的时候再去 加载接下来的20条

6.尽量避免在ListView适配器中使用线程,因为线程是产生内存泄露的主要原因在于线程生命周期的不可控制

7.ListView布局的layout_height尽量使用march_parent防止用户误操作屏幕导致重复调用getview方法

@Override public View getView(int position, View convertView, ViewGroup parent) { View layout = null; if (convertView == null) { layout = getLayoutInflater().inflate(R.layout.activity_main, parent, false); //在这里去 findViewById 以及更新UI }else{//如果 convertView 不等于 null 了。则不需要再去加载一次布局 layout = convertView; //在这里去 findViewById 以及更新UI } return layout; }

例: MainActivity

public class MainActivity extends AppCompatActivity { private ListView lv_show; private ArrayList data; private int images[] = {R.mipmap.icon0, R.mipmap.icon1, R.mipmap.icon2, R.mipmap.icon3, R.mipmap.icon4, R.mipmap.icon5, R.mipmap.icon6, R.mipmap.icon7, R.mipmap.icon8, R.mipmap.icon9, R.mipmap.icon10, R.mipmap.icon11}; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); lv_show = (ListView) findViewById(R.id.lv_show); initData(); MyAdapter myAdapter = new MyAdapter(this, data); lv_show.setAdapter(myAdapter); lv_show.setOnItemClickListener(new AdapterView.OnItemClickListener() { @Override public void onItemClick(AdapterView parent, View view, int position, long id) { Toast.makeText(MainActivity.this,"id="+id,Toast.LENGTH_SHORT).show(); } }); } //初始化数据 private void initData() { data = new ArrayList(); for (int i = 0; i < images.length; i++) { long l = System.currentTimeMillis(); data.add(new Student(images[i], "标题" + i, "最后一条消息" + i, l - i * 10000)); } } }

MyAdapter

public class MyAdapter extends BaseAdapter { private Context mContext; private List mData; public MyAdapter(Context context, List data) { this.mData = data; this.mContext = context; } //适配器的Item的长度 @Override public int getCount() { return mData == null ? 0 : mData.size(); } //每个Item将要显示的视图(View) @Override public View getView(int position, View convertView, ViewGroup parent) { Student student = getItem(position); String title = student.getTitle(); if ("标题5".equals(title)) { View view = LayoutInflater.from(mContext).inflate(R.layout.view_list_item_news, parent, false); return view; } View view = LayoutInflater.from(mContext).inflate(R.layout.view_list_item_wechat, parent, false); ImageView imageView = (ImageView) view.findViewById(R.id.imageView); TextView tv_title = (TextView) view.findViewById(R.id.tv_title); TextView tv_lastMsg = (TextView) view.findViewById(R.id.tv_lastMsg); TextView tv_time = (TextView) view.findViewById(R.id.tv_time); imageView.setImageResource(student.getImageResId()); tv_title.setText(title); tv_lastMsg.setText(student.getLastMsg()); //格式化时间 String dataStr = new SimpleDateFormat("HH:mm", Locale.CHINA).format(new Date(student.getTime())); tv_time.setText(dataStr); return view; } //开发者自己实现,一般用来得到当前 position位置的 数据 @Override public Student getItem(int position) { return mData.get(position); } //当用户设置了 ListView的Item的点击事件的时候,讲此值 作为第四个参数传递 @Override public long getItemId(int position) { return 0; } }

Student

public class Student { private int imageResId; private String title; private String lastMsg; private long time; @Override public String toString() { return "Student{" + "imageResId=" + imageResId + ", title='" + title + '\'' + ", lastMsg='" + lastMsg + '\'' + ", time=" + time + '}'; } public Student() { } public Student(int imageResId, String title, String lastMsg, long time) { this.imageResId = imageResId; this.title = title; this.lastMsg = lastMsg; this.time = time; } public int getImageResId() { return imageResId; } public void setImageResId(int imageResId) { this.imageResId = imageResId; } public String getTitle() { return title; } public void setTitle(String title) { this.title = title; } public String getLastMsg() { return lastMsg; } public void setLastMsg(String lastMsg) { this.lastMsg = lastMsg; } public long getTime() { return time; } public void setTime(long time) { this.time = time; } }

上面写法没有布局复用

ConvertView复用写法(使用RecycleBin机制 复用Item布局,防止OOM)

public class MainActivity extends AppCompatActivity { private Integer[] imageResId = {R.mipmap.a, R.mipmap.b, R.mipmap.c, R.mipmap.e , R.mipmap.f, R.mipmap.g, R.mipmap.h, R.mipmap.i}; private ListView lv_show; private List list = new ArrayList(); @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); lv_show = (ListView) findViewById(R.id.lv_show); for (int i = 0; i < 60; i++) { list.addAll(Arrays.asList(imageResId)); } lv_show.setAdapter(new MyAdapter()); } class MyAdapter extends BaseAdapter { class ViewHolder { TextView tv_title; ImageView iv_icon; } @Override public int getCount() { return list == null ? 0 : list.size(); } @Override public Integer getItem(int position) { return list.get(position); } @Override public long getItemId(int position) { return 0; } @Override public View getView(int position, View convertView, ViewGroup parent) { Integer data = getItem(position);//当前行的数据 View layout; ViewHolder viewHolder; if (convertView == null) { layout = getLayoutInflater().inflate(R.layout.view_list_item_wechat, parent, false); viewHolder = new ViewHolder();// 当前Item 的布局的子控件的引用的集合 viewHolder.tv_title = (TextView) layout.findViewById(R.id.tv_title); viewHolder.iv_icon = (ImageView) layout.findViewById(R.id.imageView); layout.setTag(viewHolder);//把该布局的 子控件的引用 绑定到该布局上 } else { viewHolder = (ViewHolder) convertView.getTag(); layout = convertView; } viewHolder.tv_title.setText("Item " + position); viewHolder.iv_icon.setImageResource(data); return layout; } } } Listview卡顿的解决思路

1、使用Adapter提供的convertView 进行复用ItemView 2、使用ViewHolder 减少 findviewbyid 调用次数 3、 Listview 被多层嵌套,多次的onMessure导致卡顿,需要减少嵌套的层数 4、如果多层嵌套无法避免,建议把Listview的高和宽设置为 match_parent 5、使用分页,减少每次ListView加载的数据 6、如果显示图片,可以对图片进行缓存,减少加载的 7、减少不必要的视图更新



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有