티스토리 뷰

Android

[Android] YoYo 애니메이션 라이브러리

도토리흑미 2024. 4. 12. 20:38

YoYo 라이브러리는 안드로이드 앱에서 애니메이션을 쉽게 구현할 있게 해 주는 라이브러리입니다.

Kotlin을 사용하여 YoYo 라이브러리를 사용하는 방법을 단계별로 설명하겠습니다.

 

1단계: 프로젝트에 YoYo 라이브러리 추가하기

먼저, YoYo 라이브러리를 프로젝트에 추가해야 합니다.

build.gradle 파일 (Module: app)에 다음과 같은 의존성을 추가합니다.

dependencies {
    implementation 'com.daimajia.androidanimations:library:2.4@aar'
}

 

2단계: XML 레이아웃 파일에 애니메이션을 적용할 뷰 추가하기

XML 레이아웃 파일에 애니메이션을 적용할 뷰를 추가합니다.

예를 들어, ImageView에 애니메이션을 적용하려면 다음과 같이 작성할 수 있습니다.

<ImageView
    android:id="@+id/imageView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/your_image" />

 

3단계: Kotlin 코드에서 YoYo를 사용하여 애니메이션 적용하기

Activity 또는 Fragment에서 YoYo를 사용하여 애니메이션을 적용할 수 있습니다.

예를 들어, ImageView에 페이드인 애니메이션을 적용하려면 다음과 같이 작성합니다.

class YourActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.your_layout)

        YoYo.with(Techniques.FadeIn)
            .duration(700) // 애니메이션 지속 시간 (밀리초 단위)
            .repeat(YoYo.INFINITE) // 애니메이션 반복 횟수 (YoYo.INFINITE로 무한 반복 설정)
            .playOn(imageView) // 애니메이션을 적용할 뷰
    }
}

 

주요 애니메이션 기법

YoYo 라이브러리는 다양한 애니메이션 기법을 제공합니다.

예를 들어, Techniques.Tada, Techniques.Bounce, Techniques.Swing 등이 있습니다.

원하는 애니메이션 효과에 따라 Techniques의 다른 값을 사용하여 애니메이션을 적용할 수 있습니다.

 

마무리

YoYo 라이브러리는 사용하기 쉽고, 다양한 애니메이션 효과를 제공하여 앱의 사용자 경험을 향상시킬 수 있습니다.