Android ListView中headerview的动态显示和隐藏的实现方法

android listview中headerview的动态显示和隐藏的实现方法

1.动态设置headerview的方法

动态设置headerview有两个思路。

方法一

将header的布局写在list item的布局文件中，在adapter中通过判断position的值是否为0动态控制其显示或隐藏。

代码示例:

item.xml布局文件

<?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="wrap_content"
  android:background="@drawable/item_selector"
  android:gravity="center_vertical"
  android:orientation="vertical" >
  <include
    android:id="@+id/view_header"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    layout="@layout/view_header"
    android:visibility="gone" />
  <linearlayout
    android:id="@+id/view_item"
    android:layout_width="match_parent"
    android:layout_height="67dip"
    android:gravity="center_vertical"
    android:minheight="?android:attr/listpreferreditemheight"
    android:orientation="horizontal" >
    ...

  </linearlayout>

</linearlayout>

item.xml中主要分为两个部分，上面的view_header是头header的布局，下面的view_item是普通item的布局，具体的布局内容这里省略了。然后在 mylistviewadapter.java的getview方法中处理header的显示问题，如果position为0，则显示header，隐藏普通的item。如果position大于0,则隐藏header，隐藏普通item。

    @override
    public view getview(int position, view convertview, viewgroup parent)     

      ...

      if (position == 0) {
        holder.mheader.setvisibility(view.visible);
        holder.mitem.setvisibility(view.gone);
        initheaderview(convertview);
      } else {
        holder.mitem.setvisibility(view.visible);
        holder.mheader.setvisibility(view.gone);
        initnormalview(convertview);
      }
      return convertview;

以此扩展，若有两钟不同的headview，则新加一个判断条件:

 if (position == 0) {
        holder.mheader.setvisibility(view.visible);
        holder.mheader2.setvisibility(view.gone);
        holder.mitem.setvisibility(view.gone);
        initheaderview(convertview);
      } else if(position == 1){
        holder.mheader.setvisibility(view.gone);
        holder.mheader2.setvisibility(view.visible);
        holder.mitem.setvisibility(view.gone);
        initheaderview2(convertview);
      }else {
        holder.mitem.setvisibility(view.visible);
        holder.mheader.setvisibility(view.gone);
        holder.mheader2.setvisibility(view.gone);
        initnormalview(convertview);
      }

方法二

使用listview提供的addheaderview

为了动态显示和隐藏header，按照惯例，误以为直接通过setvisibility中的view.gone就可以实现。但是在实际使用中发现并不是这样的。例如：

private view mheader;
mheader = layoutinflater.from(this).inflate(r.layout.header, null); //加载footer的布局
mlistview.addheaderview(mheader);

如果想动态隐藏这个header，惯性思维是直接设置header为gone：（其实这样做是不对的）

mheader.setvisibility(view.gone); //隐藏header

实际上，直接设置gone后，虽然元素是隐藏了，但是还是占用着那个区域，此时和view.invisibile效果一样。

解决办法是，在header布局文件的最外层再套一层linearlayout/relativelayout，这里称为headerparent。隐藏时隐藏mheader，而不是headerparent。

view_header.xml

<?xml version="1.0" encoding="utf-8"?>
<linearlayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:id="@+id/mheaderparent"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:background="#ffffff"
  android:gravity="center"
  android:orientation="vertical"
  >
  <linearlayout
    android:id="@+id/mheader"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center">

    ...

  </linearlayout>
</linearlayout>

加载header和headerparent的布局：

mainactivity.java中关键代码展示

private view mheader; //header
private view mheaderparent; //header的最外面再套一层linearlayout

mheaderparent = layoutinflater.from(getactivity()).inflate(r.layout.headerparent_listview, null);//加载footerparent布局
mheader = mheaderparent.findviewbyid(r.id.header);
listview.addheaderview(mheaderparent); //把mheaderparent放到listview当中
mheaderparent.setonclicklistener(mainactivity.this); 

设置header为gone：(不是设置headerparent为gone)

mheader.setvisibility(view.gone);

该方法有一点需要注意的是：listview.addheaderview()方法必须在setadapter()方法前调用，否则就会抛异常。

listview listview = xxxx; 
 listview.addheaderview(mheaderparent); 
 listview.setadapter(adapter); 
 mheader.setvisibility(view.gone);

以上两种方法各有优劣，个人倾向于第二种方法，第一种的耦合性太强了，并且由于将header布局与普通item布局合在一起，另外每次显示时额外增加了一次position的条件判断，在性能上有些额外的消耗。

2.引入headerview带来的问题

当引入headerview之后，可能会引起onitemclicklistener的position移位问题。

position通常是从0开始的，但是添加了headerview之后，position也会将headerview的数目计算进去。

这里提供以下两种解决办法：

（1）.手动计算真实的position位置：

final headercount = 1;
mlistview.setonitemclicklistener(new onitemclicklistener() {
  @override
  public void onitemclick(adapterview<?> parent, view view,
      int position, long id) {
    item item = myadapter.getitem(position - headercount);
  }
});

（2）.listview已经为我们提供了数据的绑定：

mlistview.setonitemclicklistener(new onitemclicklistener() {
  @override
  public void onitemclick(adapterview<?> parent, view view,
      int position, long id) {
    item item = parent.getadapter().getitem(position);
  }
});

 如有疑问请留言或者到本站社区交流讨论，感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！