본문 바로가기
개발/Android

[Android] Property Animation – Fade (나타나기/사라지기)

by Dev Aaron 2020. 11. 8.
반응형

본 포스팅은 아래 포스팅들과 관련있습니다.


Android에서 Fade(나타나기/사라지기) 애니메이션을 구현하는 방법을 알아 보겠습니다. 먼저 적용된 결과는 다음과 같습니다.

버튼을 누르면 사라졌다가, 다시 버튼을 누르면 서서히 나타납니다. 코드는 다음과 같습니다.

class FadeActivity : AppCompatActivity() {

    private var isSnowVisible: Boolean = true

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_fade)

        btnFade.setOnClickListener {
            animate()
            val icon = if (isSnowVisible) R.drawable.ic_visible else R.drawable.ic_unvisible
            btnFade.setImageResource(icon)
            isSnowVisible = !isSnowVisible
        }
    }

    private fun animate() {
        val visibility = if (isSnowVisible) 0F else 1F
        ObjectAnimator.ofFloat(ivSnow, View.ALPHA, visibility).apply { duration = 1000 }.start()
    }

}

핵심 코드는 다음과 같습니다.

val visibility = if (isSnowVisible) 0F else 1F
ObjectAnimator.ofFloat(ivSnow, View.ALPHA, visibility).apply { duration = 1000 }.start()

ALPHA Property를 사용하고, 0과 1값을 통해 사라지고, 나타나기 효과를 주었습니다.

반응형