如何在 Android 中启动带有过渡的 DialogFragment？

Question

以下是我的场景。

我有Activity MainActivity一个FAB。当用户点击时FAB，我打开一个全屏DialogFragment。我想打开DialogFragment一些过渡。

这是我迄今为止尝试过的代码。

//MainActivity.java

 final FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab);
 fab.setOnClickListener(new View.OnClickListener() {
  @Override
  public void onClick(View view) {

    ReviewDialog reviewDialog = ReviewDialog.newInstance();
    Slide slide = new Slide();
    slide.setSlideEdge(Gravity.LEFT);
    slide.setDuration(1000);
    reviewDialog.setEnterTransition(slide);
    Bundle bundle =ActivityOptions.makeSceneTransitionAnimation(ScrollingActivity.this)
        .toBundle();
    reviewDialog.setArguments(bundle);
    reviewDialog.show(getSupportFragmentManager(),"review");
  }
});

这是 DialogFragment ReviewDialog 的代码。

   //ReviewDialog.java
    public class ReviewDialog extends DialogFragment {
  static ReviewDialog newInstance() {
    ReviewDialog f = new ReviewDialog();

    // Supply num input as an argument.
    Bundle args = new Bundle();
    f.setArguments(args);
    return f;
  }

  @Override
  public void onActivityCreated(Bundle arg0) {
    super.onActivityCreated(arg0);
    Slide slide = new Slide();
    slide.setSlideEdge(Gravity.LEFT);
    slide.setDuration(1000);
    getDialog().getWindow().setEnterTransition(slide);
    getDialog().getWindow().setExitTransition(slide);
    getDialog().getWindow().setReenterTransition(slide);}

  @Override
  public void onCreate(Bundle bundle){
    super.onCreate(bundle);
    setStyle(DialogFragment.STYLE_NORMAL,R.style.DialogTheme);
  }

  @Override
  public View onCreateView(LayoutInflater inflater, ViewGroup container,
                           Bundle savedInstanceState) {
    View v = inflater.inflate(R.layout.dialog_review, container, false);
    return v;
  }

}

另外我在我的 AndroidManifest.xml

<item name="android:windowContentTransitions">true</item>

问题是当 ReviewDialog 启动时，它不显示任何转换。我能够显示不同活动之间的转换，但发现很难显示 Activity 和 Fragment 之间的转换。如何在 DialogFragment 启动时显示转换？

Answer 1

使用这个库： https: //github.com/lgvalle/Material-Animations

共享元素转换与 Fragment 的配合方式与与 Activity 的配合方式非常相似。

a) 启用窗口内容转换

值/styles.xml

<style name="MaterialAnimations" parent="@style/Theme.AppCompat.Light.NoActionBar">
    ...
    <item name="android:windowContentTransitions">true</item>
    ...
</style>

b) 定义一个通用的转换名称

布局/fragment_a.xml

<ImageView
        android:id="@+id/small_blue_icon"
        style="@style/MaterialAnimations.Icon.Small"
        android:src="@drawable/circle"
        android:transitionName="@string/blue_name" />

布局/fragment_b.xml

<ImageView
        android:id="@+id/big_blue_icon"
        style="@style/MaterialAnimations.Icon.Big"
        android:src="@drawable/circle"
        android:transitionName="@string/blue_name" />

c) 以共享元素开始一个片段

FragmentB fragmentB = FragmentB.newInstance(sample);

// Defines enter transition for all fragment views
Slide slideTransition = new Slide(Gravity.RIGHT);
slideTransition.setDuration(1000);
sharedElementFragment2.setEnterTransition(slideTransition);

// Defines enter transition only for shared element
ChangeBounds changeBoundsTransition = TransitionInflater.from(this).inflateTransition(R.transition.change_bounds);
fragmentB.setSharedElementEnterTransition(changeBoundsTransition);

getFragmentManager().beginTransaction()
        .replace(R.id.content, fragmentB)
        .addSharedElement(blueView, getString(R.string.blue_name))
        .commit();

这是最终结果：