[android] ConstraintLayout에서의 아이템 투명도 애니메이션 설정

14 Dec 2023

android

안녕하세요! 오늘은 안드로이드 앱에서 ConstraintLayout 내의 아이템에 투명도 애니메이션을 설정하는 방법에 대해 알아보겠습니다.

1. ConstraintLayout 설정

우선, ConstraintLayout을 사용하여 레이아웃을 구성합니다. 아래는 예시 XML 코드입니다.

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:id="@+id/myTextView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello, World!"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"/>

</androidx.constraintlayout.widget.ConstraintLayout>

2. 애니메이션 설정

투명도 애니메이션을 적용할 아이템에 대한 참조를 가져온 후, 애니메이션 리소스를 정의합니다.

val textView = findViewById<TextView>(R.id.myTextView)
val fadeInAnimation = AnimationUtils.loadAnimation(this, R.anim.fade_in)
val fadeOutAnimation = AnimationUtils.loadAnimation(this, R.anim.fade_out)

textView.startAnimation(fadeInAnimation) // 투명도 애니메이션 시작

3. 애니메이션 리소스 생성

values 디렉토리에 애니메이션 리소스 파일을 만들어야 합니다. fade_in.xml 및 fade_out.xml 파일을 만들어 아래와 같이 정의합니다.

`fade_in.xml`

<alpha xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="1000"
    android:fromAlpha="0.0"
    android:toAlpha="1.0"/>

`fade_out.xml`

<alpha xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="1000"
    android:fromAlpha="1.0"
    android:toAlpha="0.0"/>

이제 실행하면 해당 텍스트뷰가 부드럽게 나타나거나 사라지는 효과를 볼 수 있습니다.

이렇게 ConstraintLayout 내의 아이템에 투명도 애니메이션을 설정하여 앱을 더욱 매력적으로 만들 수 있습니다.

더 많은 정보는 안드로이드 공식 문서에서 확인할 수 있습니다.

감사합니다!