使用 Kotlin 在 Android 中的幻灯片动画

Android 中的动画允许 UI 元素在屏幕上执行美学移动。动画可以从第三方实现，也可以从头开始开发。不管来源如何，动画都可以应用于任何类型的视图或 UI 元素。

通常，我们在两个TextView上演示了一个幻灯片动画，一个从左到右，一个从右到左。因此，在本文中，我们将向您展示如何在 Android 中以编程方式从头开始创建幻灯片动画。 IDE 准备就绪后，请按照以下步骤操作。

分步实施

第 1 步：在 Android Studio 中创建一个新项目

要在 Android Studio 中创建新项目，请参阅如何在 Android Studio 中创建/启动新项目。我们在 Kotlin 中演示了该应用程序，因此请确保在创建新项目时选择Kotlin作为主要语言。

第 2 步：使用 activity_main.xml 文件

导航到app > res > layout > activity_main.xml并将以下代码添加到该文件。下面是activity_main.xml文件的代码。添加两个按钮和两个 TextView 用于执行动画。 TheTextView 最初设置为不可见，单击按钮时将设置为可见。

第 3 步：使用 MainActivity.kt 文件

转到MainActivity.kt文件并参考以下代码。下面是MainActivity.kt文件的代码。代码中添加了注释以更详细地理解代码。

科特林

package org.geeksforgeeks.slideanimation
  
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.transition.Slide
import android.transition.TransitionManager
import android.view.Gravity
import android.view.View
import android.widget.Button
import android.widget.RelativeLayout
import android.widget.TextView
  
class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
  
        // Declaring and initializing 
        // the elements from the layout file
        val mRelativeLayout = findViewById(R.id.relative_layout_1)
        val mButtonLeft = findViewById(R.id.button_1)
        val mButtonRight = findViewById(R.id.button_2)
        val mTextView1 = findViewById(R.id.text_view_1)
        val mTextView2 = findViewById(R.id.text_view_2)
  
        // When button is clicked, left 
        // to right animation is created
        mButtonLeft.setOnClickListener {
            val mSlideLeft = Slide()
            mSlideLeft.slideEdge = Gravity.START
            TransitionManager.beginDelayedTransition(mRelativeLayout, mSlideLeft)
            mTextView1.visibility = View.VISIBLE
        }
  
        // When button is clicked, right
        // to left animation is created
        mButtonRight.setOnClickListener {
            val mSlideRight = Slide()
            mSlideRight.slideEdge = Gravity.END
            TransitionManager.beginDelayedTransition(mRelativeLayout, mSlideRight)
            mTextView2.visibility = View.VISIBLE
        }
    }
}

输出：

您可以看到，在单击按钮时，会播放相应的动画。