从互联网加载图像后,Viewpager 不包装内容

Posted

技术标签:

【中文标题】从互联网加载图像后,Viewpager 不包装内容【英文标题】:Viewpager not wrapping content after loading images from internet 【发布时间】:2014-02-26 03:03:08 【问题描述】:

我有一个浏览器,它保存由 Nostra 的通用图像加载器加载的图像。这个 viewpager 也是作为标题的列表视图的一部分。将高度设置为 wrap_content 不起作用,它什么也没有显示,但如果我将它设置为特定的倾角,它就会起作用。我的怀疑是,viewpager 在加载图像之前会包装其内容,因此它不会显示任何内容。

这是布局:

<?xml version="1.0" encoding="utf-8"?>

    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_
    android:layout_ 
    android:layout_marginRight="16dp"
    android:layout_marginLeft="16dp"
    android:layout_marginTop="16dp">

    <android.support.v4.view.ViewPager
        android:layout_
        android:layout_
        android:id="@id/viewpager"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true" />

    <com.sblive.other.CirclePageIndicator
        android:id="@+id/titles"
        android:layout_
        android:layout_
        android:layout_marginBottom="3dp"
        android:layout_gravity="center_horizontal|bottom"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_centerHorizontal="true"/>

    <ProgressBar
        android:layout_
        android:layout_
        android:id="@+id/progressBar"
        android:layout_centerVertical="true"
        android:layout_centerHorizontal="true" />

</RelativeLayout>

ViewPager 的 PagerAdapter 的一部分:

@Override
public Object instantiateItem(ViewGroup container, int position) 

    inflater = (LayoutInflater) context
            .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
    View itemView = inflater.inflate(R.layout.header_item, container,false);
    ImageView img = (ImageView) itemView.findViewById(R.id.imageView);
    ProgressBar progressBar = (ProgressBar) itemView.findViewById(R.id.progressBar);
    display(img, list.get(position), progressBar);
    ((ViewPager) container).addView(itemView);
    return itemView;

【问题讨论】:

【参考方案1】:

当使用"wrap_content" 时,视图不会重新计算高度(或宽度)。因此,动态添加项目时它不会自行刷新。你可以称之为 Android 的限制。

您可以通过覆盖 viewPager 的 onMeasure 方法重新计算它的高度并将其设置为最大的孩子。

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) 

    int height = 0;
    for(int i = 0; i < getChildCount(); i++) 
        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 的第一个孩子的高度。

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) 

    View child = getChildAt(0);
    child.measure(widthMeasureSpec, MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED));
    int height = child.getMeasuredHeight();

    heightMeasureSpec = MeasureSpec.makeMeasureSpec(height, MeasureSpec.EXACTLY);

    super.onMeasure(widthMeasureSpec, heightMeasureSpec);

根据您要实现的目标,您也可以正确使用 layout_weight 以使 viewpager 占用父级中的剩余空间。

【讨论】:

以上是关于从互联网加载图像后,Viewpager 不包装内容的主要内容,如果未能解决你的问题,请参考以下文章

怎么让android中 viewpager 不预先加载?

如何在图像周围包装一些文字?

更新 viewpager 内的 Fragment 视图而不重新加载数据

ViewPager 调用notifyDataSetChanged()不刷新内容的问题

无法将数据从RecyclerView适配器传递到Viewpager适配器

ViewPager的刷新限制预加载缓存所有