Android LottieAnimationView 是一個用于播放 Adobe After Effects 動畫的庫,它允許你在 Android 應用中輕松地使用復雜的動畫。要在 Android 應用中使用 LottieAnimationView,請按照以下步驟操作:
在你的項目的 build.gradle 文件中,添加 Lottie 和 Android KTX 的依賴項。確保你已經添加了 Android KTX 依賴項,因為它包含了 LottieAnimationView。
dependencies {
implementation 'com.airbnb.android:lottie:6.7.0'
implementation 'androidx.lifecycle:lifecycle-livedata-ktx:2.3.1'
}
在你的布局文件(例如 activity_main.xml)中,添加 LottieAnimationView 控件。
<com.airbnb.android.lottie.LottieAnimationView
android:id="@+id/lottieAnimationView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:lottie_rawRes="@raw/your_animation" />
這里,app:lottie_rawRes
屬性指定了動畫資源文件的位置。確保你的動畫文件(例如 your_animation.json)已經添加到項目的 res/raw 目錄中。
在你的 Activity 或 Fragment 中,找到 LottieAnimationView 控件并設置一個監聽器,以便在動畫結束時執行特定操作。
import com.airbnb.android.lottie.LottieAnimationView
class MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
val lottieAnimationView: LottieAnimationView = findViewById(R.id.lottieAnimationView)
lottieAnimationView.addAnimatorListener(object : Animator.AnimatorListener {
override fun onAnimationStart(animation: Animator?) {
// 動畫開始時的操作
}
override fun onAnimationEnd(animation: Animator?) {
// 動畫結束時的操作
}
override fun onAnimationCancel(animation: Animator?) {
// 動畫被取消時的操作
}
override fun onAnimationRepeat(animation: Animator?) {
// 動畫重復時的操作
}
})
}
}
你可以使用 LottieAnimationView 的方法來控制動畫的播放、暫停、恢復和取消。
// 播放動畫
lottieAnimationView.playAnimation()
// 暫停動畫
lottieAnimationView.pauseAnimation()
// 恢復動畫
lottieAnimationView.resumeAnimation()
// 取消動畫
lottieAnimationView.cancelAnimation()
現在你已經成功地在 Android 應用中集成了 LottieAnimationView,并可以播放和自定義動畫效果了。