array(2) { ["docs"]=> array(10) { [0]=> array(10) { ["id"]=> string(3) "428" ["text"]=> string(77) "Visual Studio 2017 单独启动MSDN帮助（Microsoft Help Viewer）的方法" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具，而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(8) "DonetRen" ["tagsname"]=> string(55) "Visual Studio 2017|MSDN帮助|C#程序|.NET|Help Viewer" ["tagsid"]=> string(23) "[401,402,403,"300",404]" ["catesname"]=> string(0) "" ["catesid"]=> string(2) "[]" ["createtime"]=> string(10) "1511400964" ["_id"]=> string(3) "428" } [1]=> array(10) { ["id"]=> string(3) "427" ["text"]=> string(42) "npm -v；报错 cannot find module "wrapp"" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具，而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(4) "zzty" ["tagsname"]=> string(50) "node.js|npm|cannot find module "wrapp“|node" ["tagsid"]=> string(19) "[398,"239",399,400]" ["catesname"]=> string(0) "" ["catesid"]=> string(2) "[]" ["createtime"]=> string(10) "1511400760" ["_id"]=> string(3) "427" } [2]=> array(10) { ["id"]=> string(3) "426" ["text"]=> string(54) "说说css中pt、px、em、rem都扮演了什么角色" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具，而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(12) "zhengqiaoyin" ["tagsname"]=> string(0) "" ["tagsid"]=> string(2) "[]" ["catesname"]=> string(0) "" ["catesid"]=> string(2) "[]" ["createtime"]=> string(10) "1511400640" ["_id"]=> string(3) "426" } [3]=> array(10) { ["id"]=> string(3) "425" ["text"]=> string(83) "深入学习JS执行--创建执行上下文（变量对象，作用域链，this）" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具，而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(7) "Ry-yuan" ["tagsname"]=> string(33) "Javascript|Javascript执行过程" ["tagsid"]=> string(13) "["169","191"]" ["catesname"]=> string(0) "" ["catesid"]=> string(2) "[]" ["createtime"]=> string(10) "1511399901" ["_id"]=> string(3) "425" } [4]=> array(10) { ["id"]=> string(3) "424" ["text"]=> string(30) "C# 排序技术研究与对比" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具，而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(9) "vveiliang" ["tagsname"]=> string(0) "" ["tagsid"]=> string(2) "[]" ["catesname"]=> string(8) ".Net Dev" ["catesid"]=> string(5) "[199]" ["createtime"]=> string(10) "1511399150" ["_id"]=> string(3) "424" } [5]=> array(10) { ["id"]=> string(3) "423" ["text"]=> string(72) "【算法】小白的算法笔记：快速排序算法的编码和优化" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具，而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(9) "penghuwan" ["tagsname"]=> string(6) "算法" ["tagsid"]=> string(7) "["344"]" ["catesname"]=> string(0) "" ["catesid"]=> string(2) "[]" ["createtime"]=> string(10) "1511398109" ["_id"]=> string(3) "423" } [6]=> array(10) { ["id"]=> string(3) "422" ["text"]=> string(64) "JavaScript数据可视化编程学习（二）Flotr2，雷达图" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具，而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(7) "chengxs" ["tagsname"]=> string(28) "数据可视化|前端学习" ["tagsid"]=> string(9) "[396,397]" ["catesname"]=> string(18) "前端基本知识" ["catesid"]=> string(5) "[198]" ["createtime"]=> string(10) "1511397800" ["_id"]=> string(3) "422" } [7]=> array(10) { ["id"]=> string(3) "421" ["text"]=> string(36) "C#表达式目录树（Expression）" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具，而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(4) "wwym" ["tagsname"]=> string(0) "" ["tagsid"]=> string(2) "[]" ["catesname"]=> string(4) ".NET" ["catesid"]=> string(7) "["119"]" ["createtime"]=> string(10) "1511397474" ["_id"]=> string(3) "421" } [8]=> array(10) { ["id"]=> string(3) "420" ["text"]=> string(47) "数据结构 队列_队列实例：事件处理" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具，而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(7) "idreamo" ["tagsname"]=> string(40) "C语言|数据结构|队列|事件处理" ["tagsid"]=> string(23) "["246","247","248",395]" ["catesname"]=> string(12) "数据结构" ["catesid"]=> string(7) "["133"]" ["createtime"]=> string(10) "1511397279" ["_id"]=> string(3) "420" } [9]=> array(10) { ["id"]=> string(3) "419" ["text"]=> string(47) "久等了,博客园官方Android客户端发布" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具，而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(3) "cmt" ["tagsname"]=> string(0) "" ["tagsid"]=> string(2) "[]" ["catesname"]=> string(0) "" ["catesid"]=> string(2) "[]" ["createtime"]=> string(10) "1511396549" ["_id"]=> string(3) "419" } } ["count"]=> int(200) } 222 ListFragment 使用ListView and 自定义Adapter - 爱码网

ListFragment 使用ListView and 自定义Adapter

在开发过程中经常使用Tabs + ListFragment 作为表现形式。

ListFragment 中加入ListView显示方式很容易。


[java]view plaincopyListFragment 使用ListView and 自定义AdapterListFragment 使用ListView and 自定义Adapter
  1. packageproject.animalsound;
  3. importandroid.app.ListFragment;
  4. importandroid.os.Bundle;
  5. importandroid.view.LayoutInflater;
  6. importandroid.view.View;
  7. importandroid.view.ViewGroup;
  8. importandroid.widget.ListView;
  10. publicclassTabFirstextendsListFragment{
  12. privateAnimalListAdapteradapter=null;
  14. @Override
  15. publicvoidonCreate(BundlesavedInstanceState){
  16. super.onCreate(savedInstanceState);
  18. adapter=newAnimalListAdapter(getActivity());
  19. setListAdapter(adapter);
  20. }
  22. @Override
  23. publicViewonCreateView(LayoutInflaterinflater,ViewGroupcontainer,
  24. BundlesavedInstanceState){
  25. Viewv=inflater.inflate(R.layout.tab_first,container,false);
  26. returnv;
  27. }
  29. @Override
  30. publicvoidonListItemClick(ListViewl,Viewv,intposition,longid){
  31. System.out.println("ClickOnListItem!!!");
  32. super.onListItemClick(l,v,position,id);
  33. }
  34. }
只要在onCreateView中增加
[java]view plaincopyListFragment 使用ListView and 自定义AdapterListFragment 使用ListView and 自定义Adapter
  1. Viewv=inflater.inflate(R.layout.tab_first,container,false);
就可以完成。

对应的R.layout.tab_first为：

[html]view plaincopyListFragment 使用ListView and 自定义AdapterListFragment 使用ListView and 自定义Adapter
  1. <?xmlversion="1.0"encoding="utf-8"?>
  2. <RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"
  3. android:layout_width="match_parent"
  4. android:layout_height="match_parent"
  5. android:orientation="vertical">
  7. <ListView
  8. android:id="@+id/android:list"
  9. android:layout_width="fill_parent"
  10. android:layout_height="wrap_content"
  11. />
  13. </RelativeLayout>

在这里我们对于ListView上的每个Item的布局使用下面布局

user.xml

[java]view plaincopyListFragment 使用ListView and 自定义AdapterListFragment 使用ListView and 自定义Adapter
  1. <?xmlversion="1.0"encoding="utf-8"?>
  2. <RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"
  3. android:layout_width="fill_parent"
  4. android:layout_height="fill_parent"
  5. android:orientation="horizontal">
  7. <ImageView
  8. android:id="@+id/animal"
  9. android:layout_width="wrap_content"
  10. android:layout_height="80dp"
  11. android:layout_alignParentLeft="true"
  12. android:layout_centerVertical="true"
  13. android:layout_margin="1dp"/>
  15. <LinearLayout
  16. android:layout_height="fill_parent"
  17. android:layout_width="wrap_content"
  18. android:layout_marginLeft="20dp"
  19. android:layout_toRightOf="@id/animal"
  20. android:layout_centerVertical="true"
  21. android:orientation="vertical">
  23. <TextView
  24. android:id="@+id/cn_word"
  25. android:layout_width="wrap_content"
  26. android:layout_height="wrap_content"
  27. android:layout_gravity="center"
  28. android:textColor="#191970"
  29. android:textSize="30sp"/>
  31. <TextView
  32. android:id="@+id/en_word"
  33. android:layout_width="wrap_content"
  34. android:layout_height="wrap_content"
  35. android:layout_gravity="center"
  36. android:textColor="#800080"
  37. android:textSize="30sp"/>
  38. </LinearLayout>
  40. <ImageView
  41. android:id="@+id/speaker"
  42. android:layout_width="wrap_content"
  43. android:layout_height="wrap_content"
  45. android:layout_alignParentRight="true"
  46. android:layout_margin="15dp"
  47. android:layout_centerVertical="true"
  50. android:src="@drawable/speaker"
  51. />
  53. </RelativeLayout>

但是在实现的时候常会遇到一个问题，如果相对其中的一个ImageView增加OnClickListener的时候会出现问题。

我们无法在下句获得的View对象中使用findViewById(R.id.speaker)去获得对应的ID对象。

[java]view plaincopyListFragment 使用ListView and 自定义AdapterListFragment 使用ListView and 自定义Adapter
  1. Viewv=inflater.inflate(R.layout.tab_first,container,false);
原因是这句只是获得了R.layout.tab_first对应的View对象。

所以需要从user.xml获得对象信息。


这里可以使用Adapter轻松完成注册Listener的过程。我们继承BaseAdapter，然后在getView中实现整个初始化的过程。

[java]view plaincopyListFragment 使用ListView and 自定义AdapterListFragment 使用ListView and 自定义Adapter
  1. packageproject.animalsound;
  2. importandroid.content.Context;
  3. importandroid.view.LayoutInflater;
  4. importandroid.view.View;
  5. importandroid.view.View.OnClickListener;
  6. importandroid.view.ViewGroup;
  7. importandroid.widget.BaseAdapter;
  8. importandroid.widget.ImageView;
  9. importandroid.widget.TextView;
  11. classViewHolder{
  12. publicImageViewanimal;
  13. publicTextViewcn_word;
  14. publicTextViewen_word;
  15. publicImageViewspeaker;
  16. }
  18. publicclassAnimalListAdapterextendsBaseAdapter{
  19. privateLayoutInflatermInflater=null;
  20. publicAnimalListAdapter(Contextcontext){
  21. super();
  22. mInflater=(LayoutInflater)context
  23. .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
  24. }
  26. @Override
  27. publicintgetCount(){
  28. //TODOAuto-generatedmethodstub
  29. return50;
  30. }
  32. @Override
  33. publicObjectgetItem(intposition){
  34. //TODOAuto-generatedmethodstub
  35. returnnull;
  36. }
  38. @Override
  39. publiclonggetItemId(intposition){
  40. //TODOAuto-generatedmethodstub
  41. returnposition;
  42. }
  44. @Override
  45. publicViewgetView(intposition,ViewconvertView,ViewGroupparent){
  47. ViewHolderholder=null;
  48. if(convertView==null){
  49. holder=newViewHolder();
  50. convertView=mInflater.inflate(R.layout.user,null);
  51. holder.animal=(ImageView)convertView.findViewById(R.id.animal);
  52. holder.cn_word=(TextView)convertView.findViewById(R.id.cn_word);
  53. holder.en_word=(TextView)convertView.findViewById(R.id.en_word);
  54. holder.speaker=(ImageView)convertView.findViewById(R.id.speaker);
  56. convertView.setTag(holder);
  57. }else{
  58. holder=(ViewHolder)convertView.getTag();
  59. }
  61. holder.animal.setImageResource(R.drawable.ic_launcher);
  62. holder.cn_word.setText("xxxxx");
  63. holder.en_word.setText("ssssss");
  64. holder.speaker.setImageResource(R.drawable.speaker);
  66. holder.speaker.setOnClickListener(newOnClickListener(){
  68. @Override
  69. publicvoidonClick(Viewv){
  70. System.out.println("ClickonthespeakerimageonListItem");
  71. }
  72. });
  74. returnconvertView;
  75. }
  77. }

ListFragment 使用ListView and 自定义Adapter

相关文章：

猜你喜欢
相关资源
相似解决方案
热门标签
Java Python linux javascript Mysql C# Docker 算法 前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库 数据结构 大数据 js 机器学习 微服务 Android Go 程序员 面试 JVM ASP.net core 云原生 人工智能 后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习 多线程 React 架构 devops 爬虫 云计算 Spring Boot LeetCode