Android ListView中headerview的動(dòng)態(tài)顯示和隱藏的實(shí)現(xiàn)方法

發(fā)布時(shí)間：2020-08-26 20:29:51 來源：腳本之家閱讀：285 作者：MrOnion0603 欄目：移動(dòng)開發(fā)

Android ListView中headerview的動(dòng)態(tài)顯示和隱藏的實(shí)現(xiàn)方法

1.動(dòng)態(tài)設(shè)置headerview的方法

動(dòng)態(tài)設(shè)置headerview有兩個(gè)思路。

方法一

將header的布局寫在list item的布局文件中，在adapter中通過判斷position的值是否為0動(dòng)態(tài)控制其顯示或隱藏。

代碼示例:

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中主要分為兩個(gè)部分，上面的view_header是頭header的布局，下面的view_item是普通item的布局，具體的布局內(nèi)容這里省略了。然后在 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;

以此擴(kuò)展，若有兩鐘不同的headview，則新加一個(gè)判斷條件:

 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

為了動(dòng)態(tài)顯示和隱藏header，按照慣例，誤以為直接通過setVisibility中的View.GONE就可以實(shí)現(xiàn)。但是在實(shí)際使用中發(fā)現(xiàn)并不是這樣的。例如：

private View mHeader;
mHeader = LayoutInflater.from(this).inflate(R.layout.header, null); //加載footer的布局
mListView.addHeaderView(mHeader);

如果想動(dòng)態(tài)隱藏這個(gè)header，慣性思維是直接設(shè)置header為gone：（其實(shí)這樣做是不對(duì)的）

mHeader.setVisibility(View.GONE); //隱藏header

實(shí)際上，直接設(shè)置GONE后，雖然元素是隱藏了，但是還是占用著那個(gè)區(qū)域，此時(shí)和View.INVISIBILE效果一樣。

解決辦法是，在header布局文件的最外層再套一層LinearLayout/RelativeLayout，這里稱為headerParent。隱藏時(shí)隱藏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中關(guān)鍵代碼展示

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當(dāng)中
mHeaderParent.setOnClickListener(MainActivity.this);

設(shè)置header為gone：(不是設(shè)置headerParent為gone)

mHeader.setVisibility(View.GONE);

該方法有一點(diǎn)需要注意的是：listView.addHeaderView()方法必須在setAdapter()方法前調(diào)用，否則就會(huì)拋異常。

ListView listView = xxxx; 
 listView.addHeaderView(mHeaderParent); 
 listView.setAdapter(adapter); 
 mHeader.setVisibility(View.GONE);

以上兩種方法各有優(yōu)劣，個(gè)人傾向于第二種方法，第一種的耦合性太強(qiáng)了，并且由于將header布局與普通item布局合在一起，另外每次顯示時(shí)額外增加了一次position的條件判斷，在性能上有些額外的消耗。

2.引入headerview帶來的問題

當(dāng)引入headerview之后，可能會(huì)引起OnItemClickListener的position移位問題。

position通常是從0開始的，但是添加了HeaderView之后，position也會(huì)將HeaderView的數(shù)目計(jì)算進(jìn)去。

這里提供以下兩種解決辦法：

（1）.手動(dòng)計(jì)算真實(shí)的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已經(jīng)為我們提供了數(shù)據(jù)的綁定：

mListView.setOnItemClickListener(new OnItemClickListener() {
  @Override
  public void onItemClick(AdapterView<?> parent, View view,
      int position, long id) {
    Item item = parent.getAdapter().getItem(position);
  }
});

如有疑問請(qǐng)留言或者到本站社區(qū)交流討論，感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！

向AI問一下細(xì)節(jié)

Android ListView中headerview的動(dòng)態(tài)顯示和隱藏的實(shí)現(xiàn)方法

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽