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