I have got a viewpager that hosts two Fragments. Now I would like to replace one of the Fragments on a button click. How can I animate this replacement? (e.g. using the flip-card effect)
Since it is difficult two put all my code in here, this is what I basically use
http://developer.android.com/reference/android/support/v4/app/FragmentPagerAdapter.html
You can animate it using a PageTransformer
Or, if you want the animation on replacing a fragment, you can set a custom animation on the FragmentTransaction
Related
I want to animate a view with SharedElement transition from one Fragment to another fragment in ViewPager.
I've 3 fragments in a ViewPager, each fragment is having a single TextView with same transition name in XML file.
Now, when ViewPager slides another Fragment, I want to see SharedElement in action.
I’ve had the same issue. Standard shared element transitions are not working between ViewPager pages.
So I wrote a Shared Element View Pager library. It works both for transitions caused by onClick() events (such as viewPager.setCurrentItem(x) ) and page slides caused by user. The animation is bound to finger movement.
It's not an android transition so there could be some obstacles. Take a look though.
SharedElementPageTransformer demo
Usage
Add all fragments from your ViewPager to the List in the same order.
ArrayList<Fragment> fragments = new ArrayList<>();
fragments.add(hello_fragment);
fragments.add(small_picture_fragment);
Create SharedElementPageTransformer presumably in Activity.onCreate().
this refers to activity:
SharedElementPageTransformer transformer =
new SharedElementPageTransformer(this, fragments);
Add shared transition by passing pairs of view ids, that need to be linked together
transformer.addSharedTransition(R.id.smallPic_image_cat, R.id.bigPic_image_cat);
Set our transformer to ViewPager's pageTransformer AND onPageChangeListener.
viewPager.setPageTransformer(false, transformer);
viewPager.addOnPageChangeListener(transformer);
it's been maybe a too long time but could be helpful though.
It's totally possible to have shared elements transitions between 2 viewPagers since i already did it myself.
I think the thing you are maybe missing is that transition name has to be unique !
So it has to be set programmatically and not in XML ! It's very important in ViewPager since same view could be inflated many times.
imageView.setTransitionName("unique_name");
This way the transition knows on what element it should be played;)
I am currently using a ViewPager with a TabLayout, the ViewPager as of now consists of three separate fragments.
I would like to be able to switch to a fourth fragment using a button on one of the already present fragments.
However, I do not want the fourth fragment to be accessible through the usual ways (aka scrolling) without using the button to reach the fourth fragment. Similarly, I would like scrolling to be disabled when I am currently displaying my fourth fragment.
What would be the best way to do so?
The current hack that I can think of would be to create a hidden fragment within my main layout. I can then display it when the button is pressed while hiding the ViewPager at the same time.
Are there any better ways to do this?
Include your ViewPager in fragment and onClick make replace for the next fragment, and you can return to ViewPager`s fragment onBackPress.
I am using FragmentStatepagerAdapter.My fragment is just atttached to a viewpager and is not inside a special container.the problem with setCustomAnimation is that if I want to use the flip-card effect, then I have to specify a container that contains the fragment which is to replaced with the animation.Possible solution??
I want to add flipping animation for viewpager, I am able to swipe the views but I also need to flip the view.
Any pointer?
Use JazzyViewPager instead of the regular ViewPager. You get a lot of cool built-in animations including flip animation.
You can also just go through the source and implement your flip animation using a PageTransformer.
I'm using a frame layout to have more than one fragment in the same section of the screen.
So, I have a frame layout tag and then few fragment tags under it in XML.
So, I can see the overlap of these fragments.
I want to hide all the fragments except the one I want to show.
Where should I call the hide function?
If you are using support library for fragments use getSupportFragmentManager().beginTransaction().replace(<resource id for frame layout>, <new fragment>).commit()
This would replace all the fragments that are attached to this framelayout with the new fragment.