Botón en Android

En las aplicaciones de Android , un botón es una interfaz de usuario que se utiliza para realizar alguna acción cuando se hace clic o se toca. Es un widget muy común en Android y los desarrolladores lo usan a menudo. Este artículo muestra cómo crear un botón en Android Studio.

La jerarquía de clases de la clase Button en Kotlin

Atributos XML del widget de botón

Ejemplo

En este ejemplo, se cubrirá la demostración paso a paso de la creación de un botón. La aplicación consistirá en un botón que muestra un mensaje de brindis cuando el usuario lo toca.

Nota: Los siguientes pasos se realizan en Android Studio versión 4.0

Paso 1: Crear un nuevo proyecto

1. Haga clic en Archivo, luego en Nuevo => Nuevo proyecto.
2. Elija «Actividad vacía» para la plantilla del proyecto.
3. Seleccione el idioma como Kotlin.
4. Seleccione el SDK mínimo según su necesidad.

Paso 2: Modifique el archivo strings.xml

Navegue hasta el archivo strings.xml en el directorio «valores» de la carpeta de recursos . Este archivo contendrá todas las strings que se utilizan en la aplicación. A continuación se muestra el código correspondiente.

<resources>
    <string name="app_name">GfG | Button In Kotlin</string>
    <string name="btn">Button</string>
    <string name="message">Hello Geeks!! This is a Button.</string>
</resources>

 
Paso 3: Modificar el archivo activity_main.xml

Agregue un widget de botón en el diseño de la actividad. A continuación se muestra el código del archivo   activity_main.xml que hace lo mismo.

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#168BC34A"
    tools:context=".MainActivity">
 
    <!-- Button added in the activity -->
    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#4CAF50"
        android:paddingStart="10dp"
        android:paddingEnd="10dp"
        android:text="@string/btn"
        android:textColor="@android:color/background_light"
        android:textSize="24sp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
 
</androidx.constraintlayout.widget.ConstraintLayout>

 
Paso 4: Acceder al botón en el archivo MainActivity

Agregue la funcionalidad del botón en el archivo MainActivity . Aquí se describe la operación para mostrar un mensaje Toast cuando el usuario toca el botón. A continuación se muestra el código para llevar a cabo esta tarea. 

import androidx.appcompat.app.AppCompatActivity;
import android.content.Context;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.Toast;
 
public class MainActivity extends AppCompatActivity {
 
    @Override
    protected void onCreate( Bundle savedInstanceState ) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
 
        // storing ID of the button
        // in a variable
        Button button = (Button)findViewById(R.id.button);
 
        // operations to be performed
        // when user tap on the button
        if (button != null) {
            button.setOnClickListener((View.OnClickListener)(new View.OnClickListener() {
                    public final void onClick(View it) {
 
                    // displaying a toast message
                    Toast.makeText((Context)MainActivity.this, R.string.message, Toast.LENGTH_LONG).show();
                }
            }));
        }
    }
}

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.widget.Button
import android.widget.Toast
 
class MainActivity : AppCompatActivity() {
 
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
 
        // storing ID of the button
        // in a variable
        val button = findViewById<Button>(R.id.button)
 
        // operations to be performed
        // when user tap on the button
        button?.setOnClickListener()
        {
            // displaying a toast message
            Toast.makeText(this@MainActivity, R.string.message, Toast.LENGTH_LONG).show() }
    }
}

Producción: