segunda-feira, 2 de fevereiro de 2015

Animation "Fade In" de Objeto em Android




Com certeza uma das coisas mais interessantes no desenvolvimento em Android é a questão de animação. A animação é possível através de vários caminhos. Neste artigo iremos discutir uma animação fácil de realizar,uma animação de "fade in".

Vamos a prática

Considerando que você possui todo o ambiente de desenvolvimento instalado.

1 - Crie uma aplicação Android no Eclipse.
2 - Vá até a pasta Layout e dê dois cliques, o Eclipse abrirá o layout da tela.
3 - Adicione um Button e dê o nome de button na propriedade ID

4 - Adicione um ImageView, quando você soltar o componente no layout, escolha uma imagem a ser usada por ele (Escolha uma imagem de bom contraste).Dê o nome de imageview na propriedade ID.

Imagem do layout até o momento


 
5 - Vá até na pasta src e dê dois cliques na MainActivity para editar o código fonte.

6 - Linha 15,16,17, crie as 3 variáveis, uma para representar o button, imageview e animation, conforme figura abaixo.

7 - Linha 24,25,  carregando nas variáveis criadas os componentes criados no layout.

8 - Linha 27, criando a instância da animação do objeto, no nosso caso o imageview. O segundo parâmetro deve ser um arquivo xml que vai ser criado na pasta anim posteriormente, portanto, provável que esta linha fique acusando erro.

9 - Linha 29 a 33, criando o método para executar a animação no clique do botão.

10 - Linha 31 startando animação.


 Para você que logo não quer perder tempo, copie logo o código fonte. hehe

package com.example.android_animation;  
 import android.support.v7.app.ActionBarActivity;  
 import android.os.Bundle;  
 import android.view.Menu;  
 import android.view.MenuItem;  
 import android.view.View;  
 import android.view.animation.Animation;  
 import android.view.animation.AnimationUtils;  
 import android.widget.Button;  
 import android.widget.ImageView;  
 public class MainActivity extends ActionBarActivity {  
      private Button button;  
      private ImageView imageview;  
      private Animation animation;  
      @Override  
      protected void onCreate(Bundle savedInstanceState) {  
           super.onCreate(savedInstanceState);  
           setContentView(R.layout.activity_main);  
           button = (Button) findViewById(R.id.button);  
           imageview = (ImageView) findViewById(R.id.imageview);  
           animation = AnimationUtils.loadAnimation(getApplicationContext(), R.anim.imageview);  
           button.setOnClickListener(new View.OnClickListener() {  
                public void onClick(View v) {  
                     imageview.startAnimation(animation);  
                }  
           });  
      }  

11 - Você deve criar agora uma pasta chamada anim, abaixo da pasta res. Crie um arquivo xml e dê o nome de imageview.xml, neste arquivo iremos inserir uma animação de Fade In, ou seja, aquela animação que objeto vai aparecendo vagarosamente.

No arquivo imageview.xml adicione



A propriedade      android:duration="1000" define o tempo de duração da animação em milisegundos.
A propriedade alpha, é usada para definir o valor a total invisibilidade, valor zero (0) é usada para total invisibilidade, valor um (1) é a visibilidade padrão.

A propriedade android:fromAlpha="0.0"
A propriedade android:toAlpha="1.0"

Segue uma imagem gif de exemplo de como ficou a animação





Download da aplicação de exemplo aqui

Valeu pessoal. Gostou ?, publica no Facebook aqui





Nenhum comentário:

Postar um comentário