lunes, 5 de noviembre de 2012

Custom Loading

Si deseamos personalizar los elementos de cargando de nuestra aplicación podemos tan solo tenemos que crear nuestro propio diseño y sobreescribir el de Android. En este post vamos a ver como se realiza dicha acción: El diseño esta hecho a partir de flechas pero cada uno puedo poner lo que desee y el número de elementos que prefiera (aquí solo hay cuatro pero se pueden poner más o menos).

A continuación el código:
res/anim/custom_dialog.xml

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item
        android:drawable="@drawable/right"
        android:duration="150"/>
    <item
        android:drawable="@drawable/up"
        android:duration="150"/>
    <item
        android:drawable="@drawable/left"
        android:duration="150"/>
    <item
        android:drawable="@drawable/down"
        android:duration="150"/>
</animation-list>

activity_loading.xml
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

</RelativeLayout>




LoadingActivity.java

package com.example.blogcustomdialoanimation;

import android.app.Activity;
import android.app.ProgressDialog;
import android.os.Bundle;
import android.view.Menu;

public class LoadingActivity extends Activity {

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_loading);
        
        ProgressDialog dialog = new ProgressDialog(this);
        dialog.setIndeterminate(true);
        dialog.setIndeterminateDrawable(getResources().getDrawable(R.anim.custom_dialog));
        dialog.setMessage("Some Text");
        dialog.show();
        
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.activity_loading, menu);
        return true;
    }
}

A continuación les dejo las imagenes:




It works!
Roger Sala,

1 comentario:

  1. Quan vegis el progress dialog a l'hora d'actualitzar dades d'usuari i entrar sessió a Loodic, podràs estar orgullós que he seguit el teu tutorial per fer l'animació xDDDD

    Merci crack.

    ResponderEliminar