Question

我正在为我的应用做一个介绍。首次启动时，您应该在屏幕中间看到一张卡片。当您将viewpager页面移动到下一个位置（从1到2）时，该卡应该在屏幕下方和屏幕左侧设置动画。

我做了一堆搜索并得出结论，PageTransformer是我需要寻找的地方。

问题是我无法在pageTransformer上找到任何文档，除了使用我不想尝试的过渡动画。

有人能指出我正在努力完成的一个好例子或教程吗？或者有没有比pageTransformer更好的选择？

我可以让元素移动，但是我无法弄清楚起始位置的来源（如果我在设置变换器之前做了一个setX，它似乎被忽略了）。

以下是我在代码中的内容：

   package com.example.myapplication.app;

import android.app.Activity;
import android.graphics.Point;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.app.FragmentStatePagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v7.app.ActionBarActivity;
import android.util.DisplayMetrics;
import android.util.Log;
import android.view.*;
import android.view.animation.LinearInterpolator;
import android.widget.LinearLayout;
import android.widget.RelativeLayout;


public class MainActivity extends ActionBarActivity {

    private static final int NUM_PAGES = 5;

    View card1;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        RelativeLayout papa = (RelativeLayout) findViewById(R.id.mainLayout);
        card1 = getLayoutInflater().inflate(R.layout.small_card, papa, false);

        papa.addView(card1);

        ViewPager pager = (ViewPager) findViewById(R.id.pager);
        pager.setAdapter(new ScreenSlidePagerAdapter(getSupportFragmentManager()));
        pager.setPageTransformer(true, new ViewPager.PageTransformer() {
            @Override
            public void transformPage(View view, float position) {
                int pageWidth = view.getWidth();

                if (position <= -1) { // [-Infinity,-1)
                    // This page is way off-screen to the left.
                } else if (position <= 1) { // [-1,1]
                    card1.setTranslationX(-(position) * (pageWidth + card1.getWidth()));

                } else { // (1,+Infinity]
                    // This page is way off-screen to the right.
                }
            }
        });

        pager.setCurrentItem(1);
    }

    private class ScreenSlidePagerAdapter extends FragmentStatePagerAdapter {
        public ScreenSlidePagerAdapter(FragmentManager fm) {
            super(fm);
        }

        @Override
        public Fragment getItem(int position) {
            return new ViewPagerFragment();
        }

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

Answer 1

试试这个library。它应该很容易做到。 https://github.com/rajyvan/Android-EasyTransformPager

使用ViewPager.PageTransformer（）移动视图项

1 个答案: