3

通过使用此动画,我设法轻松地在我的活动中拉出从右到左的幻灯片R.anim.anim_left_to_right

<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:shareInterpolator="false">
    <translate android:fromXDelta="100%" 
        android:toXDelta="0%"
        android:fromYDelta="0%" 
        android:toYDelta="0%"
        android:duration="300"/>
</set>

Activity A中,我覆盖了 pendingTransition:

        overridePendingTransition(R.anim.anim_left_to_right, 0);

Activity B的 onBackPressed 方法中,我像这样覆盖了 pendingTransition:

 @Override
public void onBackPressed() {
    super.onBackPressed();
    overridePendingTransition(0, R.anim.anim_right_to_left);

}

R.anim.anim_right_to_left看起来像这样:

<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:shareInterpolator="false">
    <translate
        android:fromXDelta="0%" android:toXDelta="100%"
        android:fromYDelta="0%" android:toYDelta="0%"
        android:duration="300" />
</set>

此类动画的问题在于 Activity A 和 B 之间的动画非常平坦 - Activity B 从字面上看是在 Activity A 上滚动,并且在 Activity 中没有深度。我想在活动过渡时实现某种类型的深度,其中退出的活动 A 将在后台按比例缩小,而活动 B 将在其扩展时滑过它。当您退出活动 B 时,活动 B 应向左滑动,活动 A 将缩小到正常大小。

来自 Google 的视频实际上在ViewPager上演示了这一点,但我想为 *Activity** 制作类似的效果:

http://developer.android.com/training/animation/anim_page_transformer_depth.mp4

我试图把它放在活动 A中:

        overridePendingTransition(R.anim.anim_left_to_right, R.anim.anim_scale_out);

这在活动 B中:

    overridePendingTransition(R.anim.anim_scale_in, R.anim.anim_right_to_left);

R.anim.anim_scale_out

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
        <scale android:fromXScale="1.0"
            android:fromYScale="1.0"
            android:toXScale="0.8"
            android:toYScale="0.8"
            android:duration="300"
            android:fillBefore="false" />
</set>

R.anim.anim_scale_in

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
        <scale android:fromXScale="0.8"
            android:fromYScale="0.8"
            android:toXScale="1"
            android:toYScale="1"
            android:duration="300"
            android:fillBefore="false" />

</set>

动画仍然没有给我活动的深度。从活动 A 到 B 时,我需要活动 A 缩小,活动 B 从右向左滑动。当从活动 B 转到 A 时,我希望活动 B 从左向右滑动,而活动 A 则按比例放大。

4

4 回答 4

1

将这些文件放在 anim 文件夹中:

滑入左:

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:shareInterpolator="true">
    <translate android:fromXDelta="-100%"
        android:toXDelta="0%" android:fromYDelta="0%"
        android:toYDelta="0%" android:duration="300">
    </translate>
</set>

滑入右:

<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate android:fromXDelta="50%p" android:toXDelta="0"
            android:duration="@android:integer/config_mediumAnimTime"/>
    <alpha android:fromAlpha="0.0" android:toAlpha="1.0"
            android:duration="@android:integer/config_mediumAnimTime" />
</set>

滑出左:

<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate android:fromXDelta="0" android:toXDelta="-50%p"
            android:duration="@android:integer/config_mediumAnimTime"/>
    <alpha android:fromAlpha="1.0" android:toAlpha="0.0"
            android:duration="@android:integer/config_mediumAnimTime" />
</set>

滑出右:

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:shareInterpolator="false">
    <translate android:fromXDelta="0%" android:toXDelta="100%"
        android:fromYDelta="0%" android:toYDelta="0%"
        android:duration="0">
    </translate>
</set>

然后对于打开和关闭活动,使用适当的动画作为:

overridePendingTransition(R.anim.slide_in_left, R.anim.slide_out_right);

编辑

现在你想要使用比例的动画在这里:

scale_in.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <scale android:fromXScale="1.0"
        android:fromYScale="1.0"
        android:toXScale="0.8"
        android:toYScale="0.8"
        android:duration="500"
        android:fillBefore="false" />
</set>

向外扩展:

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <scale android:fromXScale="1.0"
        android:fromYScale="1.0"
        android:toXScale="1.0"
        android:toYScale="1.0"
        android:duration="500"
        android:fillBefore="false" />
</set>

left_to_right.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate android:fromXDelta="100%"
        android:toXDelta="0%"
        android:fromYDelta="0%"
        android:toYDelta="0%"
        android:duration="500"/>
</set>

右到左:

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:fromXDelta="-100%" android:toXDelta="0%"
        android:fromYDelta="0%" android:toYDelta="0%"
        android:duration="500" />
</set>

并像这样使用它们:

活动 A 到 B-->

 overridePendingTransition(R.anim.left_to_right, R.anim.slide_out);

活动 B 到 A-->

overridePendingTransition(R.anim.right_to_left,R.anim.slide_in);

您还可以根据需要更改动画的持续时间。

于 2016-03-05T10:30:02.137 回答
0

是的,这是 xml 代码。我试过了,效果很好。进入动画:

    <translate
        android:duration="1000"
        android:fromXDelta="100%p"
        android:toXDelta="0"
         />
    <scale android:fromXScale="0.8"
            android:fromYScale="0.8"
            android:toXScale="1"
            android:pivotX="50%p"
            android:pivotY="50%p"
            android:toYScale="1"
            android:duration="1000" />
</set>

exit animation:
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" 
    android:fillAfter="true">

    <translate
        android:duration="1000"
        android:fromXDelta="0"
        android:toXDelta="-100%p"
         />
    <scale android:fromXScale="1.0"
            android:fromYScale="1.0"
            android:toXScale="0.8"
            android:pivotX="50%p"
            android:pivotY="50%p"
            android:toYScale="0.8"
            android:duration="1000" />
</set>

如果它仍然不适合你。我可以将我的项目通过电子邮件发送给你。祝你好运。

于 2016-02-29T01:13:51.523 回答
0

下面的 XML 编码效果很好。试试这个

底部

<translate
    android:fromYDelta="100%p"
    android:toYDelta="0"
    android:duration="500"/>

顶出

<translate
    android:fromYDelta="0"
    android:toYDelta="-100%p"
    android:duration="500"/>

向左滑动:

<translate 
   android:duration="400" 
   android:fromXDelta="-100%" 
   android:toXDelta="0%"/>

<alpha 
 android:duration="400" 
 android:fromAlpha="0.0" 
 android:toAlpha="1.0"/>

向右滑动:

<translate 
     android:duration="400" 
     android:fromXDelta="100%" 
     android:toXDelta="0%"/>
<alpha 
     android:duration="400" 
     android:fromAlpha="0.0" 
     android:toAlpha="1.0"/>

于 2016-03-02T07:34:54.770 回答
0

你应该结合翻译动画和缩放动画。标签“set”可以有几个不同类型动画的子项。将这两种动画写在一个xml文件中。它会起作用。

于 2016-02-28T15:31:09.570 回答