Redes Sociais
 Telegram  YouTube
Como fazer efeito fade in com Kotlin
17 de outubro de 2019

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.





Autor: Rodrigo Leutz

Desenvolvedor Web e Android ( Kotlin e Java )


Como usar ViewBinding ao invés de Android Extensions em Kotlin

Nesse tutorial vou demonstrar como usar ViewBinding ao invés de Android Extensions em Kotlin e assim deixar seu aplicativo[...]

6 de dezembro de 2020

Começando a programar na linguagem Kotlin – Parte 5

Nesse tutorial Começando a programar na linguagem Kotlin – Parte 5 vamos ver strings e intervalos para que assim seja possível entrar em laços.[...]

7 de fevereiro de 2020

Vídeo 11: Pegar endereço com o CEP Kotlin

Nesse Vídeo 11: Pegar endereço com o CEP Kotlin vou descrever como fazer a parte da programação assim você vai imprimir o endereço na tela.[...]

4 de janeiro de 2020