使用ViewPager的图像幻灯片

Question

我想实现以下屏幕：

在屏幕截图中，您可以看到MyAdvisor TextView下面有一个图像。在刷这个图像时，将显示不同的图像。要创建滑动图库，我在这里使用视图寻呼机。我正在使用提供图像的适配器通过视图寻呼机显示。

适配器：

   public class ImageAdapter extends PagerAdapter {

    private Context context;
    private int[] images = new int[]{R.drawable.imgone,
            R.drawable.img2,
            R.drawable.img3};

    public ImageAdapter(Context context) {
        this.context = context;
    }

    @Override
    public int getCount() {
        return images.length;
    }

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

    @Override
    public Object instantiateItem(ViewGroup container, int position) {
        ImageView imageView = new ImageView(context);
        int padding = context.getResources().getDimensionPixelSize(R.dimen.activity_horizontal_margin);
        imageView.setPadding(padding, padding, padding, padding);
        imageView.setScaleType(ImageView.ScaleType.FIT_CENTER);
        imageView.setImageResource(images[position]);
        ((ViewPager) container).addView(imageView, 0);
        return imageView;
    }

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

以下是我的demo项目的xml文件，其中包含两个文本视图和一个视图分页器。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">

<TextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="Hello"
    android:layout_above="@+id/txt"
    android:layout_marginTop="15sp"/>
<TextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:id="@+id/txt"
    android:text="Hello2"
    android:layout_above="@+id/pager"
    android:layout_marginTop="15sp"/>



<android.support.v4.view.ViewPager
    android:id="@+id/pager"
    android:layout_width="match_parent"
    android:layout_height = "wrap_content"
    ></android.support.v4.view.ViewPager>

我的问题是视图寻呼机的高度为match_parent.Even，将其更改为wrap_content后，其他视图不会显示。请指导我如何实现此屏幕。

Answer 1

我建议你使用Heterogenous Layouts inside RecyclerView来实现这种方法。如果你不熟悉这个概念，请通过这个tutorial。对于viewpager部分，有这个很棒的{{ 3}}它提供了许多你绝对喜欢的内置功能。只需在适配器的Sliderlayout内膨胀这个库的onCreateViewHolder()并提供相应的数据。不需要编写自己的自定义{ {1}}并处理事件。您只需要知道如何使用pageradapter并且您已经完成了很多工作。