0

私は自分のアプリの紹介に取り組んでいます。最初に起動すると、画面の中央にカードが表示されます。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;
        }
    }
}
4

1 に答える 1