🟢Android 16: Aplicación para animar un layout (Ocultar y hacerlo visible ) - Clase Animation y metodov TranslateAnimation en Android Studio

Este post realizaremos la animación de un layout con la finalidad de ocultar al presionar un botón y hacerlo visible al presionar otro botón.

¿Qué es un layout en Programación android ?

Es un contenedor de elementos que  gestionan la vista, tanto asi que estas gestionan el direccionamiento, la distribución, posición y dimensión de los elementos o controles.

Tipos de Layout:

• linealLayout
• RelativeLayout, entre otros

Bien comencemos con la practica de como hacer que un layout se oculte.

Para ello primero tenemos que crear un nuevo proyecto, si no saben como comenzar los pueden revisar en el anterior Post Primer Hola Mundo IDE Android 

Objetivo:

• Ocultar el layout
• Hacerlo visible el Layout

Una vez creado el nuevo proyecto lo diseñamos utilizaremos 2 botones ,   un layout cual sea en esta oportunidad utilizare LinealLayout cambiamos su id del Layout y ponemos el background una imagen. y lo dejamos como la imagen de abajo.

Una vez diseñado la interfaz grafica, empezamos con el código en la clase MainActivity.java creamos un objeto de la clase LinealLayout, llamamos al layout de la vista y lo emparejamos con su id, creamos el método desaparecer , aparecer y animar retornara un string mostrar que en animar estará con condiciones es decir si es el botón aparecer llamara al método aparecer previamente se tiene que poner en el onclick el método aparecer y para luego este cuando se hace clic en el botón este llame a la condicional aparecer o desaparecer según el botón presionado.

public class MainActivity extends AppCompatActivity {

    private LinearLayout layoutAnimado;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //para el action bar
        getSupportActionBar().setDisplayShowHomeEnabled(true);
        //llamamos a la imagen para el action bar
        getSupportActionBar().setIcon(R.drawable.ic_action_name);
        layoutAnimado = (LinearLayout)  findViewById(R.id.layoutanimado); }
    public void aparecer(View button) {
        if (layoutAnimado.getVisibility() == View.GONE) {
            animar("aparecer");
            layoutAnimado.setVisibility(View.VISIBLE); }}

    public void desaparecer(View button) {
        if (layoutAnimado.getVisibility() == View.VISIBLE) {
            animar("desaparecer");
            layoutAnimado.setVisibility(View.GONE); } }
    private void animar(String mostrar) {
        AnimationSet set = new AnimationSet(true);
        Animation animation = null;
        if (mostrar.equals("aparecer")) {
            animation = new TranslateAnimation(
                    Animation.RELATIVE_TO_SELF, 0.0f,
                    Animation.RELATIVE_TO_SELF, 0.0f,
                    Animation.RELATIVE_TO_SELF, 0.0f,
                    Animation.RELATIVE_TO_SELF, 0.0f);}

        if (mostrar.equals("desaparecer")) {
            animation = new TranslateAnimation(
                    Animation.RELATIVE_TO_SELF, 0.1f,
                    Animation.RELATIVE_TO_SELF, 0.1f,
                    Animation.RELATIVE_TO_SELF, 0.0f,
                    Animation.RELATIVE_TO_SELF, 0.0f);}
        //duración en milisegundosanimation.setDuration(500);
        set.addAnimation(animation);
        LayoutAnimationController controller = new LayoutAnimationController(set, 0.20f);
        layoutAnimado.setLayoutAnimation(controller);
        layoutAnimado.startAnimation(animation);}}

Entonces para probar la funcionalidad de los dos botones ejecutamos el proyecto en el emulado.

al ejecutar el proyecto se ejecuta tal cual lo diseñamos.

Presionamos el boton ocultar y se tiene que ocultar.

Vemos que se oculta ahora lo hacemos visible presionamos el boton aparecer y vemos que se muestra.

Les doy las Gracias por seguir el contenido de la pagina recomienden la pagina que seguiré subiendo y posteando ejemplos interesantes de programación. Suscríbanse a mi canal de YouTube que lo estaré implementando.

ABRE EL PROYECTO DIRECTAMENTE DESDE GITHUB

https://github.com/raul1995/AnimacionLayout.git

Apoyen suscribiéndose a mi canal de Youtube canal " EL INFORMATICO IBERO" , Compartan el contenido del Blog, si les gusto el contenido del blog y del canal suscribanse es Gratis!!