Android support library View Page: sliding special effects and animation effects
Android support library View Page: sliding special effects and animation effects
The Android support library provides many useful tools and components to help developers build a rich functional application.One of them is the View Page, which is a component that can implement the left and right switching pages in the application.In addition to the basic rolling function, the View Page also supports a variety of sliding special effects and animation effects, which can provide users with a better visual experience.
Using View Pages, developers can easily implement the function similar to the sliding tab or picture rotation.The following will introduce several common sliding special effects and animation effects, and provide corresponding Java code examples.
1. Default sliding effect
View Page's default sliding effect is the most common and simple.It supports horizontal sliding and can set the number of pages to the screen by calling the `SetOffScreenPagelimit (int Limit) method.The following is a simple example:
ViewPager viewPager = findViewById(R.id.viewPager);
MyPagerAdapter adapter = new MyPagerAdapter(getSupportFragmentManager());
viewPager.setAdapter(adapter);
2. Stacking effect
The stacking effect can bring a layered visual effect to the user, making the page look like stacking together.This effect can be achieved by using the `PagetransFormer` interface, as shown below:
viewPager.setPageTransformer(false, new ViewPager.PageTransformer() {
@Override
public void transformPage(@NonNull View page, float position) {
int pageWidth = page.getWidth();
if (position < -1) {
page.setAlpha(0);
} else if (position <= 0) {
page.setAlpha(1);
page.setTranslationX(0);
page.setScaleX(1);
page.setScaleY(1);
} else if (position <= 1) {
page.setTranslationX(-position * pageWidth);
page.setAlpha(1 - Math.abs(position));
page.setScaleX(0.8f + (1 - Math.abs(position)) * 0.2f);
page.setScaleY(0.8f + (1 - Math.abs(position)) * 0.2f);
} else {
page.setAlpha(0);
}
}
});
3. Cube effect
The cube effect allows the page to be presented in a cube rotation when switching.Similarly, you can use the `PageTransFormer` interface to achieve this effect, such as::
viewPager.setPageTransformer(false, new ViewPager.PageTransformer() {
@Override
public void transformPage(@NonNull View page, float position) {
page.setCameraDistance(20000);
if (position < -1) {
page.setAlpha(0);
} else if (position <= 0) {
page.setAlpha(1);
page.setTranslationX(0);
page.setRotationY(-90 * Math.abs(position));
} else if (position <= 1) {
page.setTranslationX(-position * pageWidth);
page.setAlpha(1 - Math.abs(position));
page.setRotationY(90 * Math.abs(position));
} else {
page.setAlpha(0);
}
}
});
In addition to these examples, there are many other sliding special effects and animation effects that can be achieved in the View Pages.Developers can use appropriate technologies to achieve unique sliding effects and animation effects according to their needs and creativity.
Summary: The View Page component of the Android support library is a very powerful and flexible tool that can make the page switching of the application smoother and interesting.By using different sliding special effects and animation effects, developers can provide users with a better visual experience and increase the appeal of the application.
It is hoped that this article can help developers understand and use the View Pager of the Android Support Library, and achieve different sliding special effects and animation effects.
