适用于linearlayout的Android幻灯片动画

Question

我的Android应用程序的一个活动使用带有两个textview和一个imageview的linearlayout。 textview和imageview从sqlite数据库获取数据。 我也有两个按钮（上一个，下一个）来回浏览数据库。 工作正常。

现在，我想向我的应用程序添加动画：当我按下next按钮时，linearlayout（带有textviews和图像）应该向左滑动，而包含下一行数据的linearlayout应该从右侧滑动。 反之亦然。

任何想法如何解决这个问题？

Answer 1

您可以使用平移补间动画来实现此目的。

将包含文本视图，图像视图和按钮的linearlayout放置在父级Linear / Relative布局中：

<LinearLayout android:id="@+id/parent_layout">
    <LinearLayout android:id="@+id/container_layout">
        <Textview />

        <ImageView />

        <Buttons />
    </LinearLayout>
</LinearLayout>

在res / anim文件夹中定义两个转换补间动画，一个用于上一个，另一个用于下一个

 `previous.xml` -

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

`next.xml` -

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

初始化动画，并在活动的onCreate（）方法中获取“容器”布局的引用：

Animation previousAnim = AnimationUtils.loadAnimation(MainMenuActivity.this, R.anim.previous);
Animation nextAnim = AnimationUtils.loadAnimation(MainMenuActivity.this, R.anim.next);
LinearLayout containerLayout = (LinearLayout) findViewById(R.id.container_layout);

单击next和prev时，浏览数据库，更新textviews，imageviews等并触发动画

previousButtonOnClick {
    //navigate db and update views 
    containerLayout.startAnimation(previousAnim);
}

nextButtonOnClick {
    //navigate db and update views 
    containerLayout.startAnimation(nextAnim);
}