使用ViewFlipper或ViewPager制作轮播

Question

由于GalleryView过时,我们应该移民到一些替代部件,在我的情况ViewFlipper是最好的,但我也面临着几个问题,你可以在下面的截图我设计了一个旋转木马看到ImageGallery有GalleryView:

随着ViewFlipper一切工作如我所料,但我没能实现两件事情:

1- ViewFlipper总是显示一个项目; 但是我需要一次显示三个项目(甚至更多).

2- ViewFlipper是不可触摸的小部件,它不是我想要的!

---

正如FlávioFaria ViewPager在下面的文章中所提到的那样,这也是一个很好的案例,但我不能将我的放大动画传递给它!

我已经做了一切ViewPager,现在它工作得很好,但我错过了一个功能,那就是无限滚动!

我的PagerAdapter课程增加了

public class CarouselAdapter extends PagerAdapter  
{  
    private Context mContext;
    private ImageLoader imageLoader;
    private String[] bannerUri;

    public CarouselAdapter (Context c, String[] bannerArray) 
    { 
        this.mContext = c; 
        this.bannerUri = bannerArray;
        // Setup image loader
        this.imageLoader = ImageLoader.getInstance();
        ImageLoaderConfiguration config = new ImageLoaderConfiguration.Builder(c)
            .threadPoolSize(2) 
            .memoryCache(new WeakMemoryCache())
            .discCacheFileNameGenerator(new Md5FileNameGenerator())
            .build();
        this.imageLoader.init(config);
    } 

    @Override
    public Object instantiateItem(ViewGroup container, int position)
    {
        if (position >= bannerUri.length) 
            position %= bannerUri.length;

        ImageView i = new ImageView(mContext);
        displayImage(i, bannerUri[position]);
        i.setScaleType(ScaleType.FIT_XY); 
        container.addView(i);
        return i;
    }

    @Override
    public void destroyItem(ViewGroup container, int position, Object object) 
    {
        container.removeView((View)object);
    }

    @Override
    public int getCount() 
    {
        return Integer.MAX_VALUE;
    }

    @Override
    public boolean isViewFromObject(View view, Object object)
    {
         return (view == object);
    }

    private void displayImage(final ImageView mImage, String ImageUri)
    {
        DisplayImageOptions defaultOptions = new DisplayImageOptions.Builder()
            .showStubImage(R.drawable.border)
            .showImageForEmptyUri(R.drawable.border)
            .imageScaleType(ImageScaleType.EXACTLY)
            .bitmapConfig(Bitmap.Config.RGB_565)
            .resetViewBeforeLoading()
            .cacheOnDisc() 
            .displayer(new FadeInBitmapDisplayer(740))
            .build();

        imageLoader.loadImage(ImageUri, defaultOptions, new SimpleImageLoadingListener() 
        {
            public void onLoadingComplete(String imageUri, View view, Bitmap loadedImage)
            {
                mImage.setImageDrawable(new BitmapDrawable(mContext.getResources()
                        , getDesiredBitmap(loadedImage, 12)));
            }
        });
    }

    private Bitmap getDesiredBitmap(Bitmap originalImage, int roundValue)
    {
        // Create required bitmaps
        Bitmap shadowBitmap = BitmapFactory.decodeResource(mContext.getResources()
                , R.drawable.samsungapps_thumb_shadow);
        Bitmap outputBitmap = Bitmap.createBitmap(originalImage.getWidth()
                , originalImage.getHeight() + 80, Bitmap.Config.ARGB_8888);
        // Create canvas and pass bitmap to it 
        Canvas mCanvas = new Canvas(outputBitmap);
        // And finally draw the shaodw
        mCanvas.drawBitmap(Bitmap.createScaledBitmap(shadowBitmap, originalImage.getWidth()
                , (int)(shadowBitmap.getHeight() / 2.3), false), 0, originalImage.getHeight(), null);

        mCanvas.drawBitmap(originalImage, 0, 0, null);

        return outputBitmap;
    }
}

---

关于如何完成这两件事的任何想法？

Answer 1

在查看您的代码后，我发现 CarouselAdapter 的行为方式为循环方式（无限滚动），部分代码导致此情况：-

@Override
    public int getCount() 
    {
        return Integer.MAX_VALUE;
    }

和

@Override
    public Object instantiateItem(ViewGroup container, int position)
    {
        if (position >= bannerUri.length) 
            position %= bannerUri.length;
       .
       . 
       .
    }

不管你在做什么

        ImageView i = new ImageView(mContext);
        displayImage(i, bannerUri[position]);
        i.setScaleType(ScaleType.FIT_XY); 
        container.addView(i);
        return i;

在 instantiateItem 中，因此对于 ViewPager 中的每个页面，您都为 ImageView 分配内存，因此 ViewPager 会耗尽内存。ViewPager 有方法public void setOffscreenPageLimit (int limit)通过销毁视图层次结构中的空闲页面来限制分配的内存。 请参阅下面的 android 文档

设置在空闲状态下应保留在视图层次结构中当前页面任一侧的页面数。超出此限制的页面将在需要时从适配器重新创建。

这是作为优化提供的。如果您提前知道需要支持的页面数量或在页面上设置延迟加载机制，则调整此设置可以提高分页动画和交互的流畅度。如果您有少量页面（3-4）可以同时保持活动状态，那么当用户来回翻页时，在新创建的视图子树的布局上花费的时间就会更少。

您应该将此限制保持在较低水平，特别是如果您的页面具有复杂的布局。此设置默认为 1。

如上所述，如果不指定任何值，它将使用默认值 1，并且 ViewPager 将从视图层次结构中销毁空闲页面。因此，您需要根据您的内存要求（图像数量和平均图像大小）向其传递优化值，这将解决您的内存不足问题。