Botones y Textos animados en Android Animaciones en Button, ImageView y TextView usando Android Studio

Android

Después de estar buscando diferentes formas de animar vistas con Android Studio he encontrado unas cuantas librerías muy útiles a la hora de implementar y dar vida a nuestra aplicación con algunas animaciones y así darle un toque más “Material Design” a todos los eventos.

Cambio de imágenes mediante una animación

Cambio de imagenes mediante animación en AndroidEste efecto es muy útil para cambiar un drawable por otro con una pequeña animación basada en curvas como se puede ver en la imagen. Se basa en un porcentaje de animación por lo cuál se puede jugar para conseguir un efecto deseado en dicho cambio.

La librería escogida para esta tarea es ToggleDrawable.

Para implementar la librería tan solo tenemos que añadir lo siguiente al archivo build.gradle:

El uso detallado lo podéis encontrar en el Github del autor.

Animación  estilo Twitter de botones, textos e imágenes

Este tipo de animación nos da menos posibilidades que las anteriores pero también nos puede venir bien para otros proyectos. Con la nueva actualización de Favoritos a Me Gusta de Twitter se introdujo una nueva animación en el corazón cuando se pulsa, eso es exactamente lo que podremos recrear en nuestra aplicación.

La librería es SmallBang de un desarrollador chino de cuál nombre no quiero ser partícipe de pronunciar (张玉涵).

Para empezar tenemos que importar la librería a nuestro proyecto añadiéndolo a nuestro archivo build.gradle de la siguiente manera:

Luego solo tenemos que implementarlo de la siguiente manera, el ejemplo completo lo podéis encontrar en el Github del autor como proyecto de Android Studio.

MainActivity.java

activity_main.xml

Otra alternativa a SmallBang es LikeButton la cuál nos permite hacer básicamente lo mismo pero de una forma más sencilla y con unos iconos ya predefinidos.

8 comentario

  1. Una pregunta. Me salió perfecto todo pero tengo un problema.
    ¿Si por ejemplo yo quiero ir a otra activity despues de que termine la animación como tendria que hacer?
    Me sale darle una acción pero no termina la animación.

    ———————————————–
    Por ejemplo: Esto es para que me abra esta página con el Chrome Custom Tab.

    final CustomTabsIntent intent = new CustomTabsIntent.Builder() .build();
    final String url=”http://store.steampowered.com/search/?specials=1&os=win”;
    intent.launchUrl(this, Uri.parse(url));
    ———————————————–

    public void addNumber(View view){
    (Si yo pongo acá, se abre la página pero la animación no termina :c )
    mSmallBang.bang(view,new SmallBangListener() {

    @Override
    public void onAnimationStart() {
    }

    @Override
    public void onAnimationEnd() {
    (Y si pongo acá me salta error en (this, Uri.parse(url))

Enviar un comentario

Si continuas utilizando este sitio aceptas el uso de cookies. más información

Los ajustes de cookies de esta web están configurados para "permitir cookies" y así ofrecerte la mejor experiencia de navegación posible. Si sigues utilizando esta web sin cambiar tus ajustes de cookies o haces clic en "Aceptar" estarás dando tu consentimiento a esto.

Cerrar