ListView 中的 ViewPagers 显示空白列表项

Android

使用ListView显示数据是Android开发中常见的需求之一。然而，在某些情况下，我们可能需要在ListView中显示具有多个页面的项。这可以通过在ListView的每个项中嵌入ViewPager来实现。本文将介绍如何在ListView中显示具有多个页面的项，并解决其中的一个问题：在ViewPager中显示的列表项为空白的情况。

在解决这个问题之前，我们先来了解一下ListView和ViewPager的基本概念。ListView是Android中常用的列表控件，用于显示大量数据。ViewPager是一个可以左右滑动的容器控件，用于显示多个页面。通过将ViewPager嵌入到ListView的每个项中，我们可以实现在ListView中显示具有多个页面的项。

接下来，我们来看一下如何实现在ListView中显示具有多个页面的项，并解决其中的一个问题：在ViewPager中显示的列表项为空白的情况。

首先，我们需要创建一个自定义的ListView适配器，继承自BaseAdapter。在适配器中，我们需要重写getView()方法，并在其中实现嵌入ViewPager的逻辑。具体代码如下所示：

public class MyListViewAdapter extends BaseAdapter {
    private List<List<String>> mData;
    public MyListViewAdapter(List<List<String>> data) {
        mData = data;
    }
    @Override
    public int getcount() {
        return mData.size();
    }
    @Override
    public Object getItem(int position) {
        return mData.get(position);
    }
    @Override
    public long getItemId(int position) {
        return position;
    }
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder viewHolder;
        if (convertView == null) {
            convertView = LayoutInflater.from(parent.getcontext()).inflate(R.layout.list_item, parent, false);
            viewHolder = new ViewHolder();
            viewHolder.viewPager = convertView.findViewById(R.id.viewPager);
            convertView.setTag(viewHolder);
        } else {
            viewHolder = (ViewHolder) convertView.getTag();
        }
        List<String> itemData = mData.get(position);
        MyPagerAdapter pagerAdapter = new MyPagerAdapter(itemData);
        viewHolder.viewPager.setAdapter(pagerAdapter);
        return convertView;
    }
    private static class ViewHolder {
        ViewPager viewPager;
    }
}

在上述代码中，我们创建了一个自定义的ListView适配器MyListViewAdapter，并在getView()方法中实现了嵌入ViewPager的逻辑。首先，我们通过LayoutInflater从布局文件R.layout.list_item中加载了ListView的每个项的布局，然后获取了ViewPager的实例，并设置了适配器。适配器MyPagerAdapter用于为ViewPager提供数据。最后，将convertView返回。

然而，如果我们按照上述代码实现后运行程序，可能会遇到一个问题：ViewPager中显示的列表项是空白的。这是因为ViewPager的高度默认为0，导致其内部的列表项无法显示出来。

为了解决这个问题，我们需要动态设置ViewPager的高度。我们可以通过重写ViewPager的onMeasure()方法来实现。具体代码如下所示：

public class MyViewPager extends ViewPager {
    public MyViewPager(Context context) {
        super(context);
    }
    public MyViewPager(Context context, AttributeSet attrs) {
        super(context, attrs);
    }
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        int height = 0;
        for (int i = 0; i < getchildCount(); i++) {</p>            View child = getchildAt(i);
            child.measure(widthMeasureSpec, MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED));
            int h = child.getMeasuredHeight();
            if (h > height) {
                height = h;
            }
        }
        heightMeasureSpec = MeasureSpec.makeMeasureSpec(height, MeasureSpec.EXACTLY);
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }
}

在上述代码中，我们创建了一个自定义的ViewPager类MyViewPager，并重写了其onMeasure()方法。在onMeasure()方法中，我们遍历ViewPager的子项，获取每个子项的高度，并找到最大的高度。然后，将ViewPager的高度设置为最大高度。这样，ViewPager中的列表项就可以正确显示出来了。

接下来，我们将在MAInActivity中使用自定义的ListView适配器，并解决ViewPager中显示的列表项为空白的问题。具体代码如下所示：

public class MAInActivity extends AppCompatActivity {
    private ListView mListView;
    private MyListViewAdapter mAdapter;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setcontentView(R.layout.activity_mAIn);
        mListView = findViewById(R.id.listView);
        List<List<String>> data = new ArrayList<>();
        // 添加数据项
        // ...
        mAdapter = new MyListViewAdapter(data);
        mListView.setAdapter(mAdapter);
    }
}

在上述代码中，我们首先在MAInActivity中获取了ListView的实例，并创建了一个包含数据的List。然后，创建了自定义的ListView适配器MyListViewAdapter，并将其设置为ListView的适配器。

通过以上的代码实现，我们成功在ListView中显示了具有多个页面的项，并解决了ViewPager中显示的列表项为空白的问题。这样，我们就可以在ListView中实现更加丰富和灵活的布局效果了。

：

通过在ListView的每个项中嵌入ViewPager，我们可以实现在ListView中显示具有多个页面的项。然而，可能会遇到ViewPager中显示的列表项为空白的问题。为了解决这个问题，我们需要动态设置ViewPager的高度。通过重写ViewPager的onMeasure()方法，我们可以获取ViewPager中子项的最大高度，并将ViewPager的高度设置为最大高度。这样，ViewPager中的列表项就可以正确显示出来了。

希望本文对你理解在ListView中显示具有多个页面的项有所帮助。如果你有任何疑问或建议，请随时提出。谢谢！