如何在对话框片段中实现片段之间的翻转过渡

时间:2018-04-09 10:18:30

标签: android android-dialogfragment android-transitions

我有两个对话框片段:

如何在对话框片段中实现相同的功能?

1 个答案:

答案 0 :(得分:0)

显示如何将动画设置为对话框fragmnet的示例

当DialogFragment成为Dialog类的包装器时,你应该为你的基本对话框设置一个主题来获得你想要的动画:

public class CustomDialogFragment extends DialogFragment implements OnEditorActionListener
{
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
        Bundle savedInstanceState) 
    {
        return super.onCreateView(inflater, container, savedInstanceState);
    }

    @Override
    public Dialog onCreateDialog(Bundle savedInstanceState) 
    {
        // Set a theme on the dialog builder constructor!
        AlertDialog.Builder builder = 
            new AlertDialog.Builder( getActivity(), R.style.MyCustomTheme );

        builder  
        .setTitle( "Your title" )
        .setMessage( "Your message" )
        .setPositiveButton( "OK" , new DialogInterface.OnClickListener() 
            {      
              @Override
              public void onClick(DialogInterface dialog, int which) {
              dismiss();                  
            }
        });
        return builder.create();
    }
}

然后你只需要定义包含所需动画的主题。在styles.xml中添加自定义主题:

<style name="MyCustomTheme" parent="@android:style/Theme.Panel">
    <item name="android:windowAnimationStyle">@style/MyAnimation.Window</item>
</style>

<style name="MyAnimation.Window" parent="@android:style/Animation.Activity"> 
    <item name="android:windowEnterAnimation">@anim/anim_in</item>
    <item name="android:windowExitAnimation">@anim/anim_out</item>
</style> 

现在将动画文件添加到res / anim文件夹中:

(android:pivotY是关键)

<强> anim_in.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <scale
        android:interpolator="@android:anim/linear_interpolator"
        android:fromXScale="0.0"
        android:toXScale="1.0"
        android:fromYScale="0.0"
        android:toYScale="1.0"
        android:fillAfter="false"
        android:startOffset="200"
        android:duration="200" 
        android:pivotX = "50%"
        android:pivotY = "-90%"
    />
    <translate
        android:fromYDelta="50%"
        android:toYDelta="0"
        android:startOffset="200"
        android:duration="200"
    />
</set>
anim_out.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <scale
        android:interpolator="@android:anim/linear_interpolator"
        android:fromXScale="1.0"
        android:toXScale="0.0"
        android:fromYScale="1.0"
        android:toYScale="0.0"
        android:fillAfter="false"
        android:duration="200" 
        android:pivotX = "50%"        
        android:pivotY = "-90%"        
    />
    <translate
        android:fromYDelta="0"
        android:toYDelta="50%"
        android:duration="200"
    />
</set>

最后,这里的棘手问题是让你的动画从每一行的中心增长。我想这行是水平填充屏幕,所以一方面android:pivotX值将是静态的。另一方面,您无法以编程方式修改android:pivotY值。

我建议你定义几个动画,每个动画在android:pivotY属性上有不同的百分比值(以及引用这些动画的几个主题)。然后,当用户点击该行时,以屏幕上行的百分比计算Y位置。知道百分比的位置,为对话框分配一个主题,该主题具有相应的android:pivotY值。

这不是一个完美的解决方案,但可以帮助你。如果您不喜欢这个结果,那么我建议您忘记DialogFragment并设置一个从该行的确切中心生长的简单视图。