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! :)
El Viaje Astral del Tata Quispe, así titula un nuevo juego boliviano desarrollado por la empresa VReality el cual esta i...
Cuando se trabaja con base de datos, estos datos son dinámicos, cambian con el tiempo y es necesario que esos cambios se...
En esta oportunidad dejo a considerancion un codigo realizado en Java/Netbeans para recortar una imagen visualmente Vide...
En este tutorial Android Bolivia 🙂 construiremos una sencilla aplicación para realizar llamadas por teléfono, aprenderem...
Dando respuesta a una interrogante sobre el como crear objetos en tiempo de ejecución y como manipular estos, desarrolle...
En un post anterior se vio como agregar un código DataMatrix en reportes con iReport Designer sin embargo actualmente el...
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...