2

我有一个带有 3 张幻灯片的 ViewPager。在每张幻灯片上，我希望能够添加 3 张图像和几个不同的文本标签。我目前拥有的代码允许我为每张幻灯片添加一个图像。我对如何使用每张幻灯片的多个图像和文本来完成这项工作感到困惑。任何帮助，将不胜感激。

public class ImageAdapter extends PagerAdapter {

    private final Context context;
    private final int[] GalImages = new int[] {
        R.drawable.workout_widget_master,
        R.drawable.workout_widget_master,
        R.drawable.workout_widget_master
    };

    ImageAdapter(Context context){
        this.context=context;
    }
    @Override
    public int getCount() {
        return GalImages.length;
    }

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

    @Override
    public Object instantiateItem(ViewGroup container, int position) {
        ImageView imageView = new ImageView(context);
        int padding = 10;
        imageView.setPadding(padding, padding, padding, padding);
        imageView.setScaleType(ImageView.ScaleType.MATRIX);
        imageView.setImageResource(GalImages[position]);
        container.addView(imageView, 0);
        return imageView;
    }

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

4 回答 4

10 
public class ViewPagerAdapter2 extends PagerAdapter {

Context context;
String[] image1;
String[] description;


LayoutInflater inflater;

public ViewPagerAdapter2(Context context, String[] image1,String[] description) {
    this.context = context;
    this.image1 = image1;
    this.description=description;


}

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

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


    TextView des;

    inflater = (LayoutInflater) context
            .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
    View itemView = inflater.inflate(R.layout.slider, container,
            false);
    des = (TextView) itemView.findViewById(R.id.slider_des);
    des.setText(description[position]);

     AQuery aq = new AQuery(itemView);
     aq.id(R.id.imageView1).image(image1[position], true, true, 0, 0, null, AQuery.FADE_IN, AQuery.RATIO_PRESERVE);

     ((ViewPager) container).removeView(itemView);



    ((ViewPager) container).addView(itemView);

    return itemView;
}

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

}

@Override
public int getCount() {
    // TODO Auto-generated method stub
    return description.length;

}

}

这正是您想要的实现...现在声明文本视图内容的变量，声明图像视图，将它们绑定在一起...这应该可以工作...在您的活动中，按照声明的顺序将变量传递给适配器. 该解决方案将完美无缺。我使用查询从 url 获取图像。您可以简单地传递图像资源并通过imageview.setImageResource();方法绑定它

于 2013-07-05T19:51:36.330 回答
1

而不是这行代码 container.addView(imageView, 0);

写下 ((VIewPager)container).addView(imageview, null);

这将在一个寻呼机中添加上面提供的所有数组图像

用于实现三个寻呼机

第 1 步：在 xml 中声明 3 个 viewpagers，然后在 main Activity 中声明

用新的寻呼机初始化每个，并将适配器设置为 ImageAdapter 对象；

于 2014-01-24T12:42:56.017 回答
1

根据您的要求创建一个视图，其中将包含您想要的图像和文本的数量。

在 public Object instantiateItem(ViewGroup container, int position) 中膨胀你的布局并添加到视图寻呼机它会完美地工作。

于 2014-04-10T07:20:29.137 回答
0

如果您想要详细说明并使用ViewPagerIndicator

ViewPagerIndicator 动态布局

我做了一些研究，发现了这个动态布局的解决方案。

问题：Android：ViewPagerIndicator - 为不同的页面创建不同的布局

答案：https ://stackoverflow.com/a/10696360/2236219

为每个布局执行点击事件

使用手势监听器：

问题：Android中的Touch或Click事件ViewPagerIndicator

答案：https ://stackoverflow.com/a/23016638/2236219

于 2014-04-13T15:24:02.503 回答