Magic Button, es un botón animado para android bajo licencia del MIT desarrollado por Bloder (Brasil), el proyecto esta disponible en GitHub.
A continuación, implementaremos este Magic Button en un proyecto de Android Studio.
Partimos de un proyecto vacío con las siguientes características:
Paso 1. Gradle
Abrimos el archivo build.gradle (Module: App) y agregamos :
compile ‘com.github.bloder:magic:1.1’
a la sección de dependencias, es decir:
Paso 2. Layout
El código XML del botón mágico es el siguiente:
<br.com.bloder.magic.view.MagicButton android:id="@+id/magic_button" android:layout_width="wrap_content" android:layout_height="wrap_content" app:magic_button_size="50dp" app:button_icon="@drawable/your_icon" app:button_icon_width="25dp" app:button_icon_height="25dp" app:hide_text="Hi Mom!" app:hide_text_size="15dp" app:hide_text_color="@android:color/black" app:icon_button_color="button_icon_color" app:expandable_area_color="that_expandable_button_part_color"/>
Este código lo agregamos en el layout donde queramos mostrar el botón, para nuestro ejemplo:
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" tools:context="org.example.botonmagico.MainActivity"> <br.com.bloder.magic.view.MagicButton android:id="@+id/magic_button" android:layout_width="wrap_content" android:layout_height="wrap_content" app:magic_button_size="50dp" app:button_icon="@drawable/ic_launcher" app:button_icon_width="25dp" app:button_icon_height="25dp" app:hide_text="Hola Mundo!" app:hide_text_size="8dp" app:hide_text_color="@android:color/white" app:icon_button_color="#ff0000" app:expandable_area_color="#9c0000"/> </RelativeLayout>
Modificamos los valores a nuestro gusto, usaremos tambien el icono por defecto de android ic_launcher
Paso 3: Código
De nada nos sirve un botón si no podemos ejecutar una acción al presionarlo, para ello, modificamos nuestro clase MainActivity de la siguiente manera:
package org.example.botonmagico; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.view.View; public class MainActivity extends AppCompatActivity { private br.com.bloder.magic.view.MagicButton magicButton; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); magicButton = (br.com.bloder.magic.view.MagicButton) findViewById(R.id.magic_button); magicButton.setMagicButtonClickListener(new View.OnClickListener() { @Override public void onClick(View v) { //Codigo a ejecutar } }); } }
Y nuestro resultado
Yo soy yo :) JC Mouse, Soy orgullosamente boliviano soy fundador y CEO de la web jc-Mouse.net uno de las pocas web en emprendimiento y tecnología en Bolivia.
Toda la información que encuentres en este sitio es y sera completamente gratis siempre, puedes copiar, descargar y re-publicar si así lo deseas en otros blogs o sitios web, solo te pido a cambio que dejes una referencia a esta web. Esto nos ayuda a crecer y seguir aportando. Bye
Enjoy! :)
Xdebug es una extensión para PHP que nos ayuda con la depuración y el desarrollo de aplicaciones. Contiene un depurador...
La siguiente clase reproduce sonidos WAV en controles Swing de Java Netbeans, los controles son pasados en el constructo...
Hace un par de años atras google para el aniversario del juego de Pacman saco un doodle en su homenaje, ese doodle que s...
Espresso es un framework de testing propiedad de Google que está dirigido a desarrolladores que creen que las pruebas au...
Segunda y ultima parte del post dedicado a la creación de un microservicio en lenguaje java utilizando el framework Spar...
Uno de los mayores problemas que se presenta en el desarrollo de una aplicación, es el acceso a la base de datos y el mé...
Si trabajas con redes sociales (RRSS) a continuación te muestro tres herramintas gratuitas que te ayudaran a la hora de...
Por lo general se usan transacciones a nivel base de datos y posteriormente se llaman estos a través de procedimientos a...
En este post, aprenderemos como conectar Visual Basic 6 con SQL Server, abrir una tabla, leer su contenido y mostrar est...
Lo que veremos en este post es la configuración del driver para PHP de SQL Server que ha creado Microsoft el cual permit...