Botón de brillo en Android

En este artículo, agregaremos un botón brillante a nuestra aplicación de estudio de Android. Podemos usar este botón como un botón normal provisto por Android pero con funciones más avanzadas y muchas personalizaciones.

Acercarse

Paso 1: Creación de un nuevo proyecto

Para crear un nuevo proyecto en Android Studio, consulte Cómo crear/iniciar un nuevo proyecto en Android Studio . Tenga en cuenta que elija Java como lenguaje, aunque vamos a implementar este proyecto en lenguaje Java.

Paso 2: antes de ir a la sección de codificación, primero haga una tarea previa

Vaya a aplicación -> res -> valores -> archivo colors.xml y configure los colores.

<?xml version="1.0" encoding="utf-8"?>
<resources>
  
    <color name="colorPrimary">#0F9D58</color>
    <color name="colorPrimaryDark">#0F9D58</color>
    <color name="colorAccent">#05af9b</color>
    <color name="white">#ffffff</color>
  
</resources>

Paso 3: agregue la dependencia y el repositorio de JitPack

Navegue a Gradle Scripts > build.gradle(Module:app) y agregue la siguiente dependencia en la sección de dependencias.   

implementación ‘com.github.SanojPunchihewa:GlowButton:1.0.1’

Agregue el repositorio de JitPack a su archivo de compilación. Agréguelo a su root build.gradle al final de los repositorios dentro de la sección allprojects{ }.

todos los proyectos {

 repositorios {

   …

   experto {url «https://jitpack.io»}

     }

}

Después de agregar esta dependencia, sincronice su proyecto y ahora avanzaremos hacia su implementación.  

Paso 4: Diseño de la interfaz de usuario

En el archivo activity_main.xml, elimine la Vista de texto predeterminada y cambie el diseño a Diseño relativo y agregue el GlowButton como se muestra a continuación  .

<com.sanojpunchihewa.glowbutton.GlowButton
  android:textColor="@color/white"
  android:text="Hello World :)"
  android:layout_centerInParent="true"
  app:buttonColor="@color/colorPrimary"
  app:unpressedGlowSize="20dp"
  app:pressedGlowSize="25dp"
  app:glowColor="@color/colorPrimary"
  app:cornerRadius="50dp"
  android:layout_width="200dp"
  android:layout_height="80dp"/>

Propiedades del GlowButton 

Paso 5: Parte de codificación

No hay nada que hacer con MainActivity.java , deje el código como predeterminado como se muestra a continuación 

import androidx.appcompat.app.AppCompatActivity;
  
import android.os.Bundle;
  
public class MainActivity extends AppCompatActivity {
  
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
  
    }
}

Producción: