如何在ViewPager中添加自定义视图以进行漫游指南

Question

我使用了ViewPagerIndicator来创建WalkThrough，就像大多数流行的应用程序一样。但我不知道如何在ViewPager中添加图片，以展示如何使用该应用程序。

我想要的是像这些WalkThrough一样的效果。

我目前得到的是这些：

我不知道怎么做。

如何在ViewPager中添加自定义视图，比如ImageView和TextView？

任何指导都将不胜感激。

- Vikalp Patel

Answer 1

正如Inteist建议的那样，我们可以将任何布局放入片段中，并将该片段提供给适配器。

片段：

    public final class SelectModelFragment extends Fragment {
    private static final String KEY_CONTENT = "SelectModelFragment:Content";
    private static String TAG = SelectModelFragment.class.getSimpleName();

    private SelectModel mSelectModelObj;

    private CircularImageView mImageView;

    public static SelectModelFragment newInstance(SelectModel obj) {
        SelectModelFragment fragment = new SelectModelFragment();
        fragment.mSelectModelObj =obj;

        return fragment;
    }

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        if ((savedInstanceState != null) && savedInstanceState.containsKey(KEY_CONTENT)) {
            mSelectModelObj = savedInstanceState.getParcelable(KEY_CONTENT);
        }
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment_select_model, container, false);
        mImageView = (CircularImageView)view.findViewById(R.id.fragment_select_model_iv);
        return view;
    }

    @Override
    public void onSaveInstanceState(Bundle outState) {
        super.onSaveInstanceState(outState);
        outState.putParcelable(KEY_CONTENT, mSelectModelObj);
    }
}

片段适配器：

public class SelectModelAdapter extends FragmentPagerAdapter {

    ArrayList<SelectModel> mList;
    private int mCount;
    private static final String TAG = SelectModelAdapter.class.getSimpleName();

    public SelectModelAdapter(FragmentManager fm, ArrayList<SelectModel> mList) {
        super(fm);
        this.mList = mList;
        mCount =  mList.size();
    }

    @Override
    public Fragment getItem(int position) {
        return SelectModelFragment.newInstance(mList.get(position));
    }

    @Override
    public int getCount() {
        return mCount;
    }

    @Override
    public CharSequence getPageTitle(int position) {
        return TAG;
    }

    public void setCount(int count) {
        if (count > 0 && count <= 10) {
            mCount = count;
            notifyDataSetChanged();
        }
    }
}

活动：在ViewPager中使用Fragment适配器来提供Fragment。

public class SelectModelActivity extends BaseSliderActivity {

    private ViewPager mPager;
    private SelectModelAdapter mAdapter;

    private ArrayList<SelectModel> mList;
    private void setAdapter() {
            mAdapter = new SelectModelAdapter(getSupportFragmentManager(), mList);
            mPager.setAdapter(mAdapter);
            mIndicator.setViewPager(mPager);
        }
}

- Vikalp Patel

---

我也使用回调函数创建了这个，并且它正常工作。http://stackoverflow.com/questions/38990141/callback-working-for-only-one-fragment - Zar E Ahmer

Answer 2

既然这个问题很老，我只会写一个简短的通用指南：

要在ViewPager中填充内容，您需要将片段添加到适配器中，然后将适配器设置为ViewPager。您可以在片段中放置任何布局，例如图像/文本等。

- inteist