Como fazer efeito fade in com Kotlin
Android Kotlin

Como fazer efeito fade in com Kotlin





Nesse tutorial vou descrever Como fazer efeito fade in com Kotlin assim você vai poder usar ele em qualquer view de seu aplicativo.

Primeiramente para começar esse tutorial vamos criar um projeto vazio(Empty).

Se você ainda não sabe criar um projeto vazio então visite este link.

Então vamos na nossa activity_main e colocar 2 botões para que um seja clicado e no outro ocorra o efeito de fade in.

activity_main

<?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"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">
    <Button
        android:id="@+id/btnFade"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Botão Fade in"
        android:layout_marginTop="50dp"
        app:layout_constraintTop_toTopOf="parent"/>
    <Button
        android:id="@+id/btnClick"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Clique aqui"
        app:layout_constraintTop_toBottomOf="@+id/btnFade"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"/>
</androidx.constraintlayout.widget.ConstraintLayout>

Logo após criarmos nossos botões chegou a hora de programar, então vamos criar uma função de fade in que pode ser utilizada com qualquer view e vamos fazer com que após seja clicado no botão ela seja executada.





MainActivity

package br.com.uware.efeitofadein

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.view.View
import android.view.animation.AlphaAnimation
import android.view.animation.Animation
import kotlinx.android.synthetic.main.activity_main.*

class MainActivity : AppCompatActivity() {

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

        btnClick.setOnClickListener {
            fadein(btnFade)
        }
    }
    private fun fadein(view: View){
        val animation = AlphaAnimation(0f,1f)
        animation.duration = 2000L
        animation.repeatMode = Animation.REVERSE
        animation.repeatCount = 0
        view.startAnimation(animation)
    }
}

Mas para mudar o efeito para fade out é preciso apenas mudar a seguinte linha.

 val animation = AlphaAnimation(1f,0f)

Agora por fim vamos compilar e executar nosso aplicativo para ver como funciona o efeito de fade in.

Portanto ela deve ficar como o video a seguir em que a animação ocorre quando é clicado no botão clique aqui.

Enfim espero poder ter ajudado com mais este tutorial sobre como fazer efeito fade in com Kotlin.

Veja também Como usar ViewFlipper para diminuir as Activities.

Visite e siga nosso canal no YouTube para ajudar no crescimento do nosso site.





Rodrigo Leutz
Desenvolvedor Web e Android ( Kotlin e Java )
https://uware.com.br