ListView的HeaderView包含的GridView滑動隱藏後無法點選問題分析

笪笠發表於2020-11-19


基於SDK 28

1 現象

碰到一個奇怪問題, 就是ListView的HeaderView中有一個GridView, 剛載入頁面時可以點選,滑動隱藏HeaderView後重新顯示的GridView就不可以點選了,如果GridView作為HeaderView就沒有這個問題。
demo如下:

package com.example.gridview;

import android.content.Context;
import android.os.Bundle;
import android.util.AttributeSet;
import android.view.Gravity;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.BaseAdapter;
import android.widget.GridView;
import android.widget.LinearLayout;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.Toast;

import androidx.annotation.Nullable;

import com.example.base.BaseActivity;
import com.example.utils.StringUtils;

public class GridViewActivity extends BaseActivity {


    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);


        ListView listView = new ListView(this);
        StringAdapter gridItemAdapter = new StringAdapter(this, 50);
        gridItemAdapter.setPrefix("listView");
        listView.setAdapter(gridItemAdapter);


        LinearLayout linearLayout = new LinearLayout(this);
        linearLayout.setOrientation(LinearLayout.VERTICAL);
        HeaderGridView headerView = new HeaderGridView(this);
        headerView.setNumColumns(4);
        StringAdapter adapter = new StringAdapter(this);
        adapter.setPrefix("header");
        headerView.setAdapter(adapter);
        headerView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                Toast.makeText(GridViewActivity.this, "點選了GridView, 第" + position + "項", Toast.LENGTH_SHORT).show();
            }
        });
        linearLayout.addView(headerView);


        if (headerView.getParent() == null) {
            listView.addHeaderView(headerView);
        } else {
            listView.addHeaderView(linearLayout);
        }
        listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                Toast.makeText(GridViewActivity.this, "點選了ListView, 第" + position + "項", Toast.LENGTH_SHORT).show();
            }
        });
        setContentView(listView);
    }

    private static class StringAdapter extends BaseAdapter {


        private final int count;
        private Context context;

        private String prefix = null;

        private StringAdapter(Context context) {
            this.context = context;
            this.count = 5;
        }

        private StringAdapter(Context context, int count) {
            this.context = context;
            this.count = count;
        }

        public void setPrefix(String prefix) {
            this.prefix = prefix;
        }

        @Override
        public int getCount() {
            return count;
        }

        @Override
        public String getItem(int position) {
            return String.valueOf((char) ('a' + position));
        }

        @Override
        public long getItemId(int position) {
            return position;
        }

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

            TextView temp;
            if (convertView instanceof TextView) {
                temp = (TextView) convertView;
            } else {
                temp = new TextView(context);
                convertView = temp;
            }
            int padding = StringUtils.dipToPx(20);
            temp.setPadding(padding, padding, padding, padding);
            temp.setGravity(Gravity.CENTER);

            temp.setText(prefix + getItem(position));
            return convertView;
        }
    }

    public static class HeaderGridView extends GridView {

        public HeaderGridView(Context context) {
            super(context);
        }

        public HeaderGridView(Context context, AttributeSet attrs) {
            super(context, attrs);
        }

    }

    public static class DebugListView extends ListView {

        public DebugListView(Context context) {
            super(context);
        }

        public DebugListView(Context context, AttributeSet attrs) {
            super(context, attrs);
        }

        @Override
        protected void onAttachedToWindow() {
            super.onAttachedToWindow();
        }

        @Override
        protected void layoutChildren() {
            super.layoutChildren();
        }
    }
}

2 問題分析

2.1 滑動前

在OnItemClickListener監聽中打個斷點, 可以看出對應的呼叫棧為:

依次點選各個呼叫的方法, 可以看出最終是AbsListView.PerformClick類的例項performClick處理了相關點選事件,具體邏輯可檢視AbsListView.PerformClick類。

performClick.run()方法執行只在AbsListViw的onTouchUp方法中,

2.2 滑動後

onTouchUp方法中打個斷點, 發現mDataChanged屬性為true,無法再往下走,不會執行performClick.run()方法,也就不會觸發OnItemClick事件。

2.3 mDataChanged賦值為true的位置

在AbsListView類的所有mDataChanged賦值為true的地方打斷點,再執行滑動操作,斷點停留在如下位置:

也就是說AbsListView重新顯示的時候將mDataChanged置為true
呼叫棧如下:

其中makeAndAddView、setupChild、addViewInLayout、addViewInner表示重建View並將View新增到ListView。addViewInner中部分程式碼如下:

child就是LinearLayout, GridView的父類, ListView的HeaderView, child執行dispatchAttachedToWindow方法,將自身以及子View新增到視窗上,於是GridView執行了onAttachedToWindow方法, 導致mDataChanges被置為true, OnItemClick事件無法執行。

2.3 GridView直接作為ListView的HeaderView為什麼可以滑動

GridView直接作為ListView的HeaderView滑動後為什麼可以點選?
去掉linearLayout.addView(headerView)
在GridView、AbsListView、AdapterView中mDataChanged賦值為false的地方打斷點,方法呼叫棧如下:

具體程式碼:

可以看出單獨的GridView作為HeaderView重新顯示後會呼叫layoutChildren進行佈局, 將mDataChanged置為false從而在滑動隱藏再顯示後可以響應點選事件。

2.4 ListView setupChild分析

setupChild是ListView顯示某一個View時執行的邏輯,進行了測量、佈局等等操作,GridView單獨作為一個View時會觸發layoutChildren, 如果作為LinearLayout的子View,LinearLayout的測量、佈局等操作不會導致GridView重新佈局。

3 解決方法

重寫GridView, 在onAttachedToWindow方法中呼叫adapter的notifyDataSetChanged()方法 、重設adapter等會使得GridView觸發layoutChildren的操作;

    public static class HeaderGridView extends GridView {

        public HeaderGridView(Context context) {
            super(context);
        }

        public HeaderGridView(Context context, AttributeSet attrs) {
            super(context, attrs);
        }

        @Override
        protected void onAttachedToWindow() {
            super.onAttachedToWindow();
            ListAdapter adapter = getAdapter();
            if (adapter instanceof BaseAdapter) {
                ((BaseAdapter) adapter).notifyDataSetChanged();
            }
        }
    }

相關文章