在ViewFlipper的视图之间进行幻灯片动画

Question

在ViewFlipper的视图之间进行幻灯片动画

c#androidandroid-layoutxamarin.androidandroid-animation

11

在一个Activity中，我有以下内容：

var flipper = FindViewById<ViewFlipper>(Resource.Id.flipper);
flipper.Touch += flipper_Touch;

基本的触摸处理程序的实现如下所示：

float oldTouchValue = 0;

void flipper_Touch(object sender, View.TouchEventArgs e)
{
    var flipper = sender as ViewFlipper;
    switch(e.Event.Action)
    {
        case MotionEventActions.Down:
            oldTouchValue = e.Event.GetX();
            break;

        case MotionEventActions.Up:
            float currentX = e.Event.GetX();
            if (oldTouchValue < currentX)
            {
                flipper.ShowNext();
            }
            else if (oldTouchValue > currentX)
            {
                flipper.ShowPrevious();
            }
            break;      
    }
}

这使我能够在不同的视图之间导航，但我想让它左右滑动。我看过一些Java示例，但没有直接将其转换为c#的方法。需要什么来使视图滑动，是否有一种方法来定义XML中的动画？我能够使用XML中定义的动画和对OverridePendingTransition的调用使活动滑入和滑出，但我不确定如何在这里应用这些知识。

- TimothyP

@Aʌɐpɥɐuı 谢谢你的编辑...我其实不知道怎么这样突出单词，学到了新东西，谢谢 :) - TimothyP

2个回答

4

如果你想通过 XML 布局文件控制 ViewFlipper 的动画，那么请将以下属性添加到 ViewFlipper 标签中-

    android:inAnimation="@android:anim/slide_out_right"
    android:outAnimation="@android:anim/slide_in_left"

这是一个基本示例，在其中ViewFlipper内部的子元素使用安卓提供的默认动画进行切换。

你还可以通过添加以下属性提供自己的动画文件，而不是使用上面提到的默认动画-

    android:inAnimation="@anim/slide_in_right"
    android:outAnimation="@anim/slide_in_left"

然后创建这些动画文件-

在res/anim/slide_in_left.xml:

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

在 res/anim/slide_in_right.xml 中：

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

如果您想要自动启动此动画，则需要添加 -

    android:flipInterval="2000"
    android:autoStart="true"

这将自动开始动画，并在每2秒（2000ms）翻转图像（或视图）。

- Manish Paul

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- user · Accepted Answer

这使我能够在不同的视图之间导航，但我想让它左右滑动。

ViewFlipper 通过其 ViewAnimator 类具有一些方法来设置进入和退出动画，setInAnimation() 和 setOutAnimation()。这些方法都在 Android SDK 中，但应该在 MonoDroid 中有对应物（不幸的是，我不熟悉 MonoDroid，所以可能有误）。为了获得所需的动画效果，只需使用上述两种方法设置所需的动画（无论是 XML 文件还是编程构建的 Animation），然后像当前所做的那样调用 showNext/Previous 方法即可。

你甚至可以在 Android SDK 中找到一些幻灯片动画，但我不知道它们是否存在于 MonoDroid 中。

更新：这些方法确实在 Monodroid 中可用，并且像这样公开：

//Using one of the built in animations:
flipper.setInAnimation(this, Android.Resource.Animation.SlideInLeft);
flipper.setOutAnimation(this, Android.Resource.Animation.SlideOutRight);

//Using custom animations defined in XML
flipper.setInAnimation(this, Resource.Animation.slide_in_right);
flipper.setOutAnimation(this, Resource.Animation.slide_out_left);