ListView中addHeaderView()和addFootView细节，带案例代码

太过爱你忘了你带给我的痛 2022-07-18 09:05 123阅读 0赞

要实现类似IMBd类似的布局。  
![m1\_thumb-1][m1_thumb-1] ![m2\_thumb-2][m2_thumb-2]

可以看出它的列表上方的图片展示区和下面列表条目是一体的，在上下滚动的时候。而图片展示区不是列表条目。

当然可以分别实现，图片展示区用Gallery，下面用ListView，但是如果横屏，则ListView部分的高度将很短，不方便上下滚动选择。也可以强制竖屏，不过这样用户体验会变差。

其实ListView提供了Header，IMBd实现的图片展示区就是自定义的ListView Header。

写个简单的例子说明这个事情。先写个最简单的。  
![m3\_thumb-3][m3_thumb-3]  
这里的header就是一个TextView生成的ListView Header部分。在布局的Listview部分：

在代码中在ListView中加入Header：

<table style="margin:0px; padding:0px; border:0px; width:auto; border-collapse:collapse"> 
 <tbody> 
 <tr style="border:0px; padding:0px; margin:0px"> 
 <td style="margin:0px; padding:8px; border-bottom-color:rgb(221,221,221); border-width:0px 2px 1px 0px; border-bottom-style:solid; text-align:right; vertical-align:middle; border-right-color:rgb(160,219,57); border-right-style:solid"> <pre>1 2 3 4</pre> </td> 
 <td style="margin:0px; padding:2px 4px; border-bottom-color:rgb(221,221,221); border-width:0px 0px 1px; border-bottom-style:solid; vertical-align:middle"> <pre>listView = (ListView) this.findViewById(R.id.list); TextView textView = new TextView(this); textView.setText("header"); listView.addHeaderView(textView);</pre> </td> 
 </tr> 
 </tbody> 
</table>

源代码见：

点击链接下载video-demo-010  
大小 : 43.37 kB  
下载次数 : 12

Header部分是可以添加多个的，比如：  
![image\_thumb5-4][image_thumb5-4]  
对Header再做进一步定制。见效果：  
![image\_thumb6-5][image_thumb6-5]  
这里的Header部分使用了自定义视图。

首先要增加一个小房子的图：  
![image\_thumb7-6][image_thumb7-6]  
然后，创建一个针对Header的layout：  
![image\_thumb8-7][image_thumb8-7]  
该文件内容：

然后在代码中通过inflate的方式把layout加入到header。

<table style="margin:0px; padding:0px; border:0px; width:auto; border-collapse:collapse"> 
 <tbody> 
 <tr style="border:0px; padding:0px; margin:0px; background-color:transparent"> 
 <td style="margin:0px; padding:8px; font-family:Verdana,宋体,sans-serif; line-height:18px; border-bottom-color:rgb(221,221,221); border-width:0px 2px 1px 0px; border-bottom-style:solid; text-align:right; color:rgb(175,175,175); vertical-align:middle; border-right-color:rgb(160,219,57); border-right-style:solid; background-color:transparent"> <pre style="white-space:normal">1 2</pre> </td> 
 <td style="margin:0px; padding:2px 4px; font-family:Verdana,宋体,sans-serif; line-height:18px; border-bottom-color:rgb(221,221,221); border-width:0px 0px 1px; border-bottom-style:solid; vertical-align:middle; background-color:transparent"> <pre style="white-space:normal">listView.addHeaderView(LayoutInflater.from(this).inflate(&nbsp;R.layout.table_title,&nbsp;null));</pre> <pre style="white-space:normal"></pre> </td> 
 </tr> 
 </tbody> 
</table>

addHeaderView()方法：主要是向listView的头部添加布局  
addFooterView()方法：主要是向listView的底部添加布局

需要注意的是添加布局的时候应该添加从父容器开始添加，而不能直接添加父容器中的子控件。例如：从一个xml布局文件中添加一个button控件，  
只能将整个布局xml文件添加进去。而不能单单只添加button控件。

当添加头部和底部布局还有另外一个重载方法就是addHeaderView(headView, null, false) 和addFooterView(footerView, null, false)方法，  
这个方法与上面的方法区别在于：当给listView设置点击事件的时候，可以控制添加的布局是否可出发点击事件。区别是前一个方法可以控制header是否可  
 以被selected，如果不想被selected则将第三个参数设置成false；

下面以addFooterView()方法为例：  
addFooterView()方法必须放在listview.setadapter前面，给listview添加头部必须在绑定adapter前添加，否则会报错。  
原因是当我们在调用setAdapter方法时android会判断当前listview是否已经添加header，如果已经添加则会生成一个  
 新的tempadapter，这个新的tempadapter包含我们设置的adapter所有内容以及listview的header和footer。所以当我

们在给listview添加了header后在程序中调用listview.getadapter时返回的是tempadapter而不是我们通过setadapter

传进去的adapter。如果没有设置adapter则tempadapter与我们自己的adapter是一样的。 
  listview.getadapter().getcount()方法返回值会比我们预期的要大，原因是添加了header。 
  我们自定义adapter里面的getitem方法里面返回的position是不包括header的，是我们自定义adapter中数据position编号从0开始， 
  也就是说与我们传进去的list的位置是一样的。 
  而Activity中listview的onitemclick方法： 
  public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,long arg3) 
  arg2是当前click的位置，这个位置是指在tempadapter中的位置，从0开始如果listview中添加了header则0代表header。 
  也就是说当我们在使用点击事件时，listView列中的位置为arg2-1 
   
  一般在开发中，为了达到我们想要的动态添加的效果主要的做法是：在listview.setadapter之前添加所需要的控件，然后使用removeFooterView()方法移除控件。 
  在这里需要注意的是，每对listView的动态操作都要进行一次removeFooterView()方法移除控件。否则listView会自动添加空白行，从而影响显示的效果。 
 ----------------------------------------------------------------------------------------------

android listview addHeaderView和addFooterView的注意事项  ：

1、item 内如果有button等控件时，在监听listview的onitemclick事件时，焦点会被item内的button、imagebutton等控 件抢走，  
从而导致在listview设置了onitemclick事件后不会被触发。解决方法是在初始化item的时候屏蔽掉其内部button等控件的 焦点获取，  
具体方法可以在自定义item的根控件中调用：

setDescendantFocusability(ViewGroup.FOCUS\_BLOCK\_DESCENDANTS);   
这样就能阻塞字控件抢夺焦点，listview的onitemclick就能被正确触发，同时对item内部的button等控件也没有影响，他们在被点击时照样可以触发自身的点击事件。  
   
2、当listview需要添加headerview时，可以通过调 用listview的addHeaderView(headView, null, false) 方法，  
该方法还有一个重载方法 addHeaderView(headView);这两个方法的区别是前一个方法可以控制header是否可以被selected，如果不想被 selected则将第三个参数设置成false   
    
3、接着上面说的添加header，添加header时调用的 addHeaderView方法必须放在listview.setadapter前面，  
意思很明确就是如果想给listview添加头部则必须在给其绑定 adapter前添加，否则会报错。  
原因是当我们在调用setAdapter方法时会android会判断当前listview是否已经添加 header，  
如果已经添加则会生成一个新的HeaderViewListAdapter，这个新的HeaderViewListAdapter包含我们 设置的adapter所有内容以及listview的header和footer。  
所以当我们在给listview添加了header后在程序中调用 listview.getadapter时返回的是tempadapter而不是我们通过setadapter传进去的adapter。  
如果没有设置 adapter则HeaderViewListAdapter与我们自己的adapter是一样的。 listview.getadapter().getcount()方法返回值会比我们预期的要大，原因是添加了header。

4、接着上面的HeaderViewListAdapter说，我们 自定义adapter里面的getitem方法里面返回的position是不包括header的，是我们自定义adapter中数据position编 号从0开始，也就是说与我们传进去的list的位置是一样的。

@Override

public View getView(int position, View convertView, ViewGroup parent) \{

// TODO Auto-generated method stub

Log.i("adapter", "position:"+position); //这个position就是我们数据的真实位置

而listview的onitemclick方法中：

public void onItemSelected(AdapterView<?> parent, View view, int position, long id)

position是当前click的位置，这个位置是指在HeaderViewListAdapter中的位置，从0开始如果listview中添加了header则0代表header。4、接着上面的HeaderViewListAdapter说，我们 自定义adapter里面的getitem方法里面返回的position是不包括header的，是我们自定义adapter中数据position编 号从0开始，也就是说与我们传进去的list的位置是一样的。

public View getView(int position, View convertView, ViewGroup parent) \{

// TODO Auto-generated method stub

Log.i("adapter", "position:"+position); //这个position就是我们数据的真实位置

而listview的onitemclick方法中：

public void onItemSelected(AdapterView<?> parent, View view, int position, long id)

position是当前click的位置，这个位置是指在HeaderViewListAdapter中的位置，从0开始如果listview中添加了header则0代表header。

关于FooterView的添加和删除  
 \*   3.1每次总是先remove掉FooterView  
 \*   3.2若有需求再add上FooterView

我们通常在加载数据时，为了省流量不会一次性把数据全部下完，一般是分段下载。  
 分段下载一般会在listview最后面放一个进度条表示正在加载数据，当数据加载完时，我们又要清除它。这时候就要注意了。  
mLoadingLayout = (FrameLayout) View.inflate(this, R.layout.load, null);  
   listView.addFooterView(mLoadingLayout);  
   listView.requestFocus();

这是listview尾部添加一个进度条。  
listView.removeFooterView(mLoadingLayout);  
这是移除尾部的进度条。  
有时候在移除时回报空指针，但listview不为null ，mLoadingLayout也不为null，但还是报空指针，原因是因为listview要分为三部分。  
一是头部，二是中间部，三是尾部。在设置了头部或尾部时，必须要有中间部才能真正意义上的生效。没生效就去移除就会报空指针错误。  
所以在   
listView.removeFooterView(mLoadingLayout);时

必须先调用 listView.setAdapter(adapter);（设置中间部）

adapter可以数据可以为0但不可为null

[m1_thumb-1]: http://www.myexception.cn/img/2012/06/25/0438423963.png
[m2_thumb-2]: http://www.myexception.cn/img/2012/06/25/0438423964.png
[m3_thumb-3]: http://www.myexception.cn/img/2012/06/25/0438423965.png
[image_thumb5-4]: http://www.myexception.cn/img/2012/06/25/0438423966.png
[image_thumb6-5]: http://www.myexception.cn/img/2012/06/25/0438423967.png
[image_thumb7-6]: http://www.myexception.cn/img/2012/06/25/0438423968.png
[image_thumb8-7]: http://www.myexception.cn/img/2012/06/25/0438423969.png