ViewPager Like Facebook

Question

I'd like to help me make a viewpager as Facebook People May to Know In the first situation the item 0 has not left margim and item 1 is shown in preview In the second situation three items are shown, and the item 1 in the middle and the item 0 and 2 in the item preview

I would like an example, to seek information dynamically

Sample Image

score 1 · Answer 1 · edited May 23 '17 at 12:30

1

To show corners of neighbor fragments make use of the xml of fragments. Reference : Android tip viewpager with protruding children

This link too will help you to achieve that.

See this link also for an elaborated solution.

edited May 23 '17 at 12:30

Community

1
1

answered Nov 23 '15 at 11:56

Anoop M Maddasseri

10,213
3
52
73

I would like an example, to seek information dynamically – Gian Dourado Nov 23 '15 at 12:58

score 0 · Answer 2 · answered Jul 21 '17 at 09:17

I did this by changing my viewpager's padding based on the position.

carouselViewHolder.carouselViewPager.setPadding(Utils.dpToPixels(context, 12), 0, Utils.dpToPixels(context, paddingRequired - 12), 0); // initial padding for position 0
            carouselViewHolder.carouselViewPager.setPageMargin(Utils.dpToPixels(context, 12)); // margin between pages

        carouselViewHolder.carouselViewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
                        @Override
                        public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
                        }

                        @Override
                        public void onPageSelected(int position) {

                            if (position != 0) {
                                if (position == playCardData.getPlayCards().size() - 1) {
                                    carouselViewHolder.carouselViewPager.setPadding(Utils.dpToPixels(context, finalPaddingRequired - 12), 0, Utils.dpToPixels(context, 12), 0);
                                } else
                                    carouselViewHolder.carouselViewPager.setPadding(Utils.dpToPixels(context, finalPaddingRequired / 2), 0, Utils.dpToPixels(context, finalPaddingRequired / 2), 0);
                            } else {
                                carouselViewHolder.carouselViewPager.setPadding(Utils.dpToPixels(context, 12), 0, Utils.dpToPixels(context, finalPaddingRequired - 12), 0);
                            }
                        }

                        @Override
                        public void onPageScrollStateChanged(int state) {

                        }
                    });

ViewPager Like Facebook

2 Answers2