[android] 애니메이션과 뷰 그룹

18 Dec 2023

android

안녕하세요! 오늘은 Android 애플리케이션에서 애니메이션을 다루고 뷰 그룹을 활용하는 방법에 대해 알아보겠습니다.

애니메이션

기본 애니메이션

안드로이드에서 애니메이션은 View나 Layout의 변화를 부드럽게 만들어주는 효과를 주는데 사용됩니다.

// Kotlin
val animation = AnimationUtils.loadAnimation(context, R.anim.fade_in)
view.startAnimation(animation)

<!-- res/anim/fade_in.xml -->
<alpha
    android:duration="1000"
    android:fromAlpha="0.0"
    android:toAlpha="1.0" />

위 예제는 fade in 효과를 주는 애니메이션을 사용하는 방법을 보여줍니다.

프로퍼티 애니메이션

프로퍼티 애니메이션은 값을 변경시키는 애니메이션으로, 보다 세밀한 제어가 가능합니다.

// Java
ObjectAnimator animator = ObjectAnimator.ofFloat(view, "translationX", 0f, 100f);
animator.setDuration(1000);
animator.start();

뷰 그룹

안드로이드에서 뷰 그룹은 다른 View들을 포함할 수 있는 레이아웃 구조를 말합니다.

<!-- LinearLayout -->
<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal">

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="버튼 1" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="버튼 2" />
</LinearLayout>

LinearLayout은 뷰들을 수평 또는 수직으로 배치할 수 있는 뷰 그룹입니다.

뷰 그룹 애니메이션

뷰 그룹도 애니메이션을 적용할 수 있습니다.

// XML
<set xmlns:android="http://schemas.android.com/apk/res/android">

    <translate
        android:fromXDelta="0%"
        android:toXDelta="100%"
        android:duration="1000" />

    <alpha
        android:fromAlpha="1.0"
        android:toAlpha="0.0"
        android:duration="1000" />

</set>

위와 같이 뷰 그룹에 애니메이션을 적용하여 다양한 화면 전환 효과를 표현할 수 있습니다.

안드로이드 애니메이션과 뷰 그룹을 이용하여 애플리케이션의 UI를 보다 다이내믹하게 만들어보세요!