web-dev-qa-db-ja.com

Androidズームイン、フェードなどの異なるアニメーションを備えたViewPager

私はViewPagerを作成しましたが、そこには2ページしかありません。ページャーが1ページを別のページにスクロールするときに、フェードイン、スケール、ズーム、3Dなどのアニメーションを配置したいのですが、特定のアニメーションで2番目のページ全体の表示を意味します。これを行う方法のアイデア、ページャーをアニメーション化するときに別のページに移動するときのプットアニメーションの例を教えてください。

主にページャー用の3つのクラスがあります：1）ViewPagerMainActivity：enter code hereのようなこのメインの外観でスワイプされる2つのフラグメントを呼び出します

   public class ViewPagerMainActivity extends FragmentActivity implements
    OnClickListener, OnPageChangeListener {

@Override
    protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.view_pager_main);
                                     <other code here>
     }

private class MyPagerAdapter extends FragmentPagerAdapter {

    public MyPagerAdapter(
            Android.support.v4.app.FragmentManager fragmentManager) {
        super(fragmentManager);
    }

    @Override
    public Fragment getItem(int pos) {
        switch (pos) {

        case 0:
            return FirstFragment.newInstance("");

        case 1:
            return SecondFragment.newInstance("");

        default:
            return SecondFragment.newInstance("Default");
        }
    }

    @Override
    public int getCount() {
        return 2; // return no of fragment created by us
    }
}

}

最初のフラグメントにスワイプデザインが含まれ、2番目のフラグメントに2番目のxmlファイルデザインが含まれています。最初のフラグメントを別のフラグメントにスワイプすると、アニメーションが表示されます。スワイプ中に、別のアニメーションオプションから選択した1つのアニメーション効果を表示することを意味します。アニメーションを作成する方法とこれを配置する場所。よろしくお願いします。

androidanimationandroid-viewpagerscale
11
Nirav Mehta

PagerTransformerをViewPagerにアタッチできます。

         mViewPager.setPageTransformer(false, new ViewPager.PageTransformer() {
         @Override
         public void transformPage(View page, float position) {
                 // do transformation here
          }
         });

あなたはあなたを助ける以下のリンクを通過することができます：

http://developer.Android.com/training/animation/screen-slide.html#pagetransformer または http://andraskindler.com/blog/2013/create-viewpager-transitions -a-pagertransformer-example /

38
user3257401