用于线性布局的Android幻灯片动画

Question

我的Android应用程序的一个活动使用带有两个TextView和一个imageview的linearlayout。textviews和imageview从sqlite数据库获取数据。我还有两个按钮（上一个，下一个）在数据库中来回导航。工作正常。

现在，我想给我的应用程序添加动画：当我按下下一步按钮时，线性布局（带有文本视图和图像）应该向左滑动，包含下一行数据的线性布局应该向右滑动。另一种方法是上一个按钮。

你知道怎么解决这个问题吗？

Answer 1

可以使用“translate tween”动画实现这一点。

将包含文本视图、图像视图和按钮的线性布局放在父线性/相对布局中：

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

        <ImageView />

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

在res/anim文件夹中定义两个translate tween动画，一个用于上一个，另一个用于下一个

 `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);

单击下一个和上一个时，在数据库中导航，更新文本视图、图像视图等并触发动画

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

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