[英]animating specific pages of the ViewPager
I used the following code to give the ViewPager
a fade in and fade out effect:我使用以下代码为
ViewPager
提供淡入淡出效果:
//define view pager and set adapter:
...
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_startup_preference);
//we're not using the layout natively, but using Fragment's layout
//but setContentView is required -> it is accessed by : R.id.startPref_pager
StartPrefPagerAdapter prefPagerAdapter =
new StartPrefPagerAdapter(getSupportFragmentManager());
final ViewPager StartPref_Viewpager = findViewById(R.id.startPref_pager);
StartPref_Viewpager.setAdapter(prefPagerAdapter);
...
...
//set the animation with:
StartPref_Viewpager.setPageTransformer(false, new ViewPager.PageTransformer() {
@Override
public void transformPage(@NonNull View page, float position) {
DisplayMetrics displayMetrics = new DisplayMetrics();
getWindowManager().getDefaultDisplay().getMetrics(displayMetrics);
page.setScaleX(0.5f);
page.setScaleY(0.5f);
page.setAlpha(0f);
page.setVisibility(View.VISIBLE);
page.animate().alpha(1f).setDuration(1000);
page.animate().scaleX(1f).setDuration(500);
page.animate().scaleY(1f).setDuration(500);
}
});
... ...
But, I'd like the animation to be applied starting from the second page of the ViewPager
and not from the first page itself.但是,我希望从
ViewPager
的第二页而不是从第一页本身开始应用动画。 How can I achieve this?我怎样才能做到这一点?
I have not done it practically but it seems from your code that applying condition on base of position , it should be possible, like below.我实际上还没有这样做,但从你的代码看来,在position基础上应用条件应该是可能的,如下所示。
StartPref_Viewpager.setPageTransformer(false, new ViewPager.PageTransformer() {
@Override
public void transformPage(@NonNull View page, float position) {
//this is the viewpager page position
if(position!=0)
{
DisplayMetrics displayMetrics = new DisplayMetrics();
getWindowManager().getDefaultDisplay().getMetrics(displayMetrics);
page.setScaleX(0.5f);
page.setScaleY(0.5f);
page.setAlpha(0f);
page.setVisibility(View.VISIBLE);
page.animate().alpha(1f).setDuration(1000);
page.animate().scaleX(1f).setDuration(500);
page.animate().scaleY(1f).setDuration(500);
}
}
});
You can use a OnPageChangeListener
to check the page number while scrolling, and act with the default PageTransformer
for page 0, and your custom PageTransformer
with other pages您可以使用
OnPageChangeListener
在滚动OnPageChangeListener
检查页码,并使用页面 0 的默认PageTransformer
以及其他页面的自定义PageTransformer
StartPref_Viewpager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
@Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
if (position == 0)
StartPref_Viewpager.setPageTransformer(false, mDefaultPageTransformer);
else
StartPref_Viewpager.setPageTransformer(false, mPageTransformer);
}
@Override
public void onPageSelected(int position) {
}
@Override
public void onPageScrollStateChanged(int state) {
}
});
ViewPager.PageTransformer mPageTransformer = new ViewPager.PageTransformer() {
@Override
public void transformPage(@NonNull View page, float position) {
DisplayMetrics displayMetrics = new DisplayMetrics();
getWindowManager().getDefaultDisplay().getMetrics(displayMetrics);
page.setScaleX(0.5f);
page.setScaleY(0.5f);
page.setAlpha(0f);
page.setVisibility(View.VISIBLE);
page.animate().alpha(1f).setDuration(1000);
page.animate().scaleX(1f).setDuration(500);
page.animate().scaleY(1f).setDuration(500);
}
};
ViewPager.PageTransformer mDefaultPageTransformer = new ViewPager.PageTransformer() {
@Override
public void transformPage(@NonNull View page, float position) {
}
};
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.