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.
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