¿Cómo crear botones personalizados en Android? | autor: Golap Gunjan Barman | Octubre de 2020

Lo veremos en este blog cómo crear botones personalizados en Android. Antes de crear nuestro propio botón, hablemos de él. que es el boton en android.

Y Mando Yippee Un botón que el usuario puede presionar y actuar. los botón android.widget.button es una subclase Vista de texto clase A Botón doblado es una subclase de la clase Button. Un botón consta de texto o un icono (o tanto texto como icono) que describe lo que sucede cuando el usuario hace clic en él.

Hay diferentesrtipos de atributos de botón que se utilizan para crear un botón o hacerlo visible para los usuarios. Lo podemos encontrar haciendo clic en este ¿Qué es un botón en Andoird?.

Podemos crear un botón en un archivo de diseño de tres formas usando texto, iconos o texto e iconos:

· Con texto de ayuda Mando clase:

<Tlačítko
android: layout_width = «wrap_content»
android: layout_height = «wrap_content»
android: text = ”@ string / button_text”
… />

· Con icono de ayuda ImageButton clase:

<ImageButton
android: layout_width = «wrap_content»
android: layout_height = «wrap_content»
Android: src = ”@ drawable / button_icon”
Android: contentDescription = ”@ string / button_icon_desc”
… />

· Con texto e icono de ayuda Mando clase s Android: drawableLeft atributo:

<Tlačítko
android: layout_width = «wrap_content»
android: layout_height = «wrap_content»
android: text = ”@ string / button_text”
Android: drawableLeft = @ drawable / button_icon
… />

  • Crea un proyecto para Android en Android Studio.
  • Primero aprenderemos a usar Funciones de Android adaptar fondo del botón.
  • En el primer botón, la propiedad se nombra android: layout_width, Usamos esta propiedad aquí como match_parent. Esta propiedad se utiliza para definir el ancho de la vista de pantalla completa horizontalmente. Y android: layout_height Yippee utilizado como wrap_content, utilizado para mostrar lo suficientemente grande como para contener solo su contenido. También usamos Android: layout_margin. Da espacio para el diseño desde todos los lados.. Usamos un fondo como para resaltar el texto. color Primario.

<Mando
android: layout_width = «match_parent»
android: layout_height = «wrap_content»
android: layout_marginTop = ”20dp”
android: text = «Botón 1»
android: textSize = «18sp»
android: background = ”@ color / colorPrimary”
android: textColor = ”@ android: color / white”
/>

Salida de fragmento de código:

  • Cambiar en el segundo botón anchura botones en 300 dpi. Y establecer Antecedentes a negro.

<Mando

android: layout_width = «300dp»

android: layout_height = «wrap_content»

android: layout_marginTop = «20dp»

android: text = «Botón 2»

android: textSize = «18sp»

android: background = «@ android: color / black»

android: textColor = «@ android: color / white»/>

Salida de fragmento de código:

  • Hay un icono en el tercer botón. ancho y alto del diseño se establecen tanto como necesitemos. Aquí está el ancho 300 dpi y la altura es 80dp.

<Mando

android: layout_width = «300dp»

android: layout_height = «80dp»

android: layout_marginTop = «20dp»

android: text = «Botón 3»

android: textSize = «18sp»

android: background = «@ android: color / black»

android: textColor = «@ android: color / white»/>

Salida de fragmento de código:

  • En el cuarto botón usamos y fondo degradado. Para el fondo de transición, necesitamos crear un archivo fuente XML dibujado dentro de un directorio dibujable (res> dibujable> archivo de recursos dibujable)e ingrese un nombre de archivo y pegue el siguiente código.

<?xml versión = «1.0» codificación = «utf-8»?>
<formulario xmlns: android = «http://schemas.android.com/apk/res/android»
android: forma = «rectángulo»
>
<
caer
android: startColor = ”# E91E63”
android: centerColor = ”# FF9191”
android: endColor = ”# E978FF”
android: angle = «90»
/>

<esquinas android: radio = «25dp»/>
</
cara>

Puede cambiar el color, el radio y la forma según sus necesidades.

  • Ahora establezca el fondo del botón como el nombre del archivo dibujable.

<Mando

android: layout_width = «300dp»

android: layout_height = «80dp»

android: layout_marginTop = «20dp»

android: text = «Botón 4»

android: textSize = «18sp»

Android: background = «@ drawable / gradient_backgrnd»

android: textColor = «@ android: color / white»/>

Salida de fragmento de código:

  • En el último botón, establezca el ancho y la altura del botón como envoltura de contenido y agrega un poco relleno verse bien por todos lados sin fondo degradado.

<Mando

android: layout_width = «wrap_content»

android: layout_height = «wrap_content»

android: layout_marginTop = «20dp»

android: padding = «10dp»

android: text = «Botón 5»

android: textSize = «18sp»

android: background = «@ android: color / black»

android: textColor = «@ android: color / white»/>

Salida de fragmento de código:

activity_main.xml

<?xml versión = «1.0» codificación = «utf-8»?>
<LinearLayout 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»
android: orientación = «vertical»
herramientas: contexto = ”. MainActivity2 «
>

<Mando
Android: id = «@ + id / button1»
android: layout_width = «match_parent»
android: layout_height = «wrap_content»
android: layout_marginTop = ”20dp”
android: background = ”@ color / colorPrimary”
android: text = «Botón 1»
android: textColor = ”@ android: color / white”
android: textSize = «18sp»
/>

<Mando
Android: id = «@ + id / button2»
android: layout_width = «300dp»
android: layout_height = «wrap_content»
android: layout_marginTop = ”20dp”
android: background = ”@ android: color / black”
android: text = «Botón 2»
android: textColor = ”@ android: color / white”
android: textSize = «18sp»
/>

<Mando
Android: id = ”@ + id / button3”
android: layout_width = «300dp»
android: layout_height = «80dp»
android: layout_marginTop = ”20dp”
android: background = ”@ android: color / black”
android: text = «Botón 3»
android: textColor = ”@ android: color / white”
android: textSize = «18sp»
/>

<Mando
Android: id = «@ + id / button4»
android: layout_width = «300dp»
android: layout_height = «80dp»
android: layout_marginTop = ”20dp”
android: background = «@ drawable / gradient_backgrnd»
android: text = «Botón 4»
android: textColor = ”@ android: color / white”
android: textSize = «18sp»
/>

<Mando
android: id = ”@ + id / button5″
android: layout_width = «wrap_content»
android: layout_height = «wrap_content»
android: layout_marginTop = ”20dp”
android: background = ”@ android: color / black”
android: padding = «10dp»
android: text = «Botón 5»
android: textColor = ”@ android: color / white”
android: textSize = «18sp»
/>

</Disposición lineal>

MainActivity.java

paquete com.codewithgolap.fragment;

importar androidx.appcompat.app.AppCompatActivity;
importar android.os.Bundle;
importar android.widget.Button;

clase pública MainActivity2 se expande AppCompatActivity {

@Transcripción
vacío protegido onCreate (Bundle SavedInstanceState) {
súper.onCreate (SavedInstanceState);
setContentView (R.layout.
activity_main2);

Botón button1 = findViewById (R.id.botón 1);
Botón button2 = findViewById (R.id.
button2);
Botón button3 = findViewById (R.id.
button3);
Botón button4 = findViewById (R.id.
button4);
Botón button5 = findViewById (R.id.
botón 5);

}
}

En este blog, trato de darte una pequeña idea sobre cómo usar los diferentes atributos de la visualización de botones. Puedes cambiarlo como quieras usarlo en tu código.

Explóralo y feliz programación.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *