使用 viewpager 滑动图像（不是布局）答案

【问题标题】：Swiping images (not layouts) with viewpager使用 viewpager 滑动图像（不是布局）
【发布时间】：2012-07-24 22:39:16
【问题描述】：

我的代码的作用：

这是我的代码，用于在 xml 布局（命名为 left.xml、right.xml 和 center.xml）之间滑动的 viewpager。

我想要它做什么

我想在图像之间滑动（存储在可绘制文件夹中）。当我用 R.drawable.image 替换 R.layout.xml 时，我的应用程序崩溃了。谁能帮我解决一下？

public class MainActivity extends Activity {

@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    MyPagerAdapter adapter = new MyPagerAdapter();
    ViewPager myPager = (ViewPager) findViewById(R.id.myfivepanelpager);
    myPager.setAdapter(adapter);
    myPager.setCurrentItem(0);
}

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    getMenuInflater().inflate(R.menu.activity_main, menu);
    return true;
}

class MyPagerAdapter extends PagerAdapter {

    public int getCount() {
        return 3;
    }

    public Object instantiateItem(View collection, int position) {

        LayoutInflater inflater = (LayoutInflater) collection.getContext()
                .getSystemService(Context.LAYOUT_INFLATER_SERVICE);

        int resId = 0;
        switch (position) {
        case 0:
            resId = R.layout.left;
            break;
        case 1:
            resId = R.layout.center;
            break;
        case 2:
            resId = R.layout.right;
            break;
        }

        View view = inflater.inflate(resId, null);

        ((ViewPager) collection).addView(view, 0);

        return view;
    }

    @Override
    public void destroyItem(View arg0, int arg1, Object arg2) {
        ((ViewPager) arg0).removeView((View) arg2);

    }

    @Override
    public boolean isViewFromObject(View arg0, Object arg1) {
        return arg0 == ((View) arg1);

    }

    @Override
    public Parcelable saveState() {
        return null;
    }
}

}

【问题讨论】：

标签： android android-fragments android-viewpager

【解决方案1】：

如果您使用相同的实现并且只是添加R.drawable.XXX 而不是R.layout.YYY，那么问题就在那里。您正在使用LayoutInflater 膨胀ImageViews，布局膨胀器，因为它自己声明它在单个View 中膨胀整个布局。

尝试通过代码创建ImageView 对象，然后在return 中返回新创建的ImageView，而不是这样做。一些示例代码是：

public Object instantiateItem(View collection, int position) {

    ImageView img = new ImageView(context); //this is a variable that stores the context of the activity
    //set properties for the image like width, height, gravity etc...

    int resId = 0;
    switch (position) {
        case 0:
            resId = R.drawable.img1;
            break;
        case 1:
            resId = R.drawable.img2;
            break;
        case 2:
            resId = R.drawable.img3;
            break;
    }

    img.setImageResource(resId); //setting the source of the image
    return img;
}

如果您只是使用特定数量的图像或页面，您应该考虑将它们添加到包含 ViewPager 的 xml 中，而不是动态创建 ViewPager。

【讨论】：

谢谢，但它仍然不起作用，我尝试了 xml 版本的 imageview 以及动态图像视图。不，我有很多图像要显示，所以我不能为此编写一个 xml 文件。
我忘记了 1 行代码：((ViewPager) collection).addView(img, 0);
另一个问题对不起，有没有办法我不必为每张图片都写 R.drawable.img ？因为我必须添加很多图片！
@10s U 都救了我.. Adnan Zahid
@AdnanZahid 将 ID 存储到数组中。

【解决方案2】：

我认为一种选择是使用 ImageView 将每个图像插入到其自己的布局中，然后膨胀图像所在的布局而不是图像本身。

【讨论】：