¿Cuál es la diferencia entre Button y MaterialButton en Android?

MaterialButton es parte de Material Design Components y ofrece más opciones de personalización como bordes configurables, iconos integrados, esquinas redondeadas personalizables y estilos predefinidos más modernos que el Button estándar de Android.

¿Cómo puedo deshabilitar un botón temporalmente en Android?

Usa el método button.setEnabled(false) para deshabilitar el botón y button.setEnabled(true) para habilitarlo nuevamente. Los botones deshabilitados no responden a clicks y automáticamente cambian su apariencia visual a un estado grisáceo.

¿Puedo agregar múltiples iconos a un botón en Android?

Con Button estándar puedes usar drawableLeft, drawableRight, drawableTop y drawableBottom para agregar hasta 4 iconos. Con MaterialButton puedes usar la propiedad app:icon y controlar su posición con app:iconGravity para un control más preciso.

Button en Android: Tipos, Estilos y Click Listeners

Q: ¿Cuál es el mejor método para configurar Click Listeners en Android?

El método Lambda (Java 8+) es el más limpio y legible para la mayoría de casos. La clase anónima es útil cuando necesitas compatibilidad con versiones antiguas de Java o cuando requieres lógica más compleja dentro del listener.

Button en Android: Tipos, Estilos y Click Listeners

Hola amigos 👋 Bienvenidos a un nuevo tutorial de Universo Android. Hoy aprenderemos todo sobre los Botones (Button) en Android, explorando los diferentes tipos, estilos personalizados, eventos de click y las mejores prácticas para crear interfaces interactivas y profesionales.

Al finalizar este tutorial tendrás una aplicación que incluirá:

Button tradicional y sus variantes
ImageButton con iconos
FloatingActionButton (FAB)
ToggleButton y Switch
Estilos personalizados con XML y Material Design
Click Listeners con diferentes métodos
Botones con estados (enabled, disabled, pressed)
Animaciones y efectos visuales

🟩 1. ¿Qué es un Button en Android?

El Button es un componente fundamental de la interfaz de usuario que permite a los usuarios ejecutar acciones mediante toques o clics. Android ofrece varios tipos de botones, cada uno optimizado para diferentes casos de uso.

🟩 2. Tipos de Botones en Android

Android proporciona varios tipos de botones:

Button: Botón estándar con texto
ImageButton: Botón con imagen sin texto
FloatingActionButton (FAB): Botón flotante de Material Design
ToggleButton: Botón de dos estados (ON/OFF)
Switch: Interruptor deslizante
RadioButton: Botón de selección única
CheckBox: Casilla de verificación

🟩 3. Crear el Proyecto en Android Studio

Creamos un nuevo proyecto en Android Studio con Empty Activity.

🟩 4. Agregar Dependencias de Material Design

Abre el archivo build.gradle (Module: app) y agrega:

dependencies {
    implementation 'androidx.appcompat:appcompat:1.6.1'
    implementation 'com.google.android.material:material:1.9.0'
    implementation 'androidx.constraintlayout:constraintlayout:2.1.4'
}

Sincroniza el proyecto después de agregar las dependencias.

🟩 5. Diseño XML con Diferentes Tipos de Botones

Crea un archivo llamado:

📄 activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="16dp">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <!-- Título Principal -->
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Botones Estándar"
            android:textSize="24sp"
            android:textStyle="bold"
            android:textColor="#2196F3"
            android:layout_marginBottom="16dp" />

        <!-- Button Normal -->
        <Button
            android:id="@+id/btnNormal"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Botón Normal"
            android:textSize="16sp"
            android:layout_marginTop="8dp" />

        <!-- Button con Icono -->
        <Button
            android:id="@+id/btnWithIcon"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Botón con Icono"
            android:drawableLeft="@android:drawable/ic_dialog_email"
            android:drawablePadding="8dp"
            android:textSize="16sp"
            android:layout_marginTop="8dp" />

        <!-- Button Deshabilitado -->
        <Button
            android:id="@+id/btnDisabled"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Botón Deshabilitado"
            android:enabled="false"
            android:textSize="16sp"
            android:layout_marginTop="8dp" />

        <!-- Separador -->
        <View
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:background="#CCCCCC"
            android:layout_marginTop="16dp"
            android:layout_marginBottom="16dp" />

        <!-- Título: Material Design Buttons -->
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Material Design Buttons"
            android:textSize="24sp"
            android:textStyle="bold"
            android:textColor="#4CAF50"
            android:layout_marginBottom="16dp" />

        <!-- Material Button Filled -->
        <com.google.android.material.button.MaterialButton
            android:id="@+id/btnMaterialFilled"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Material Filled"
            app:cornerRadius="8dp"
            style="@style/Widget.MaterialComponents.Button"
            android:layout_marginTop="8dp" />

        <!-- Material Button Outlined -->
        <com.google.android.material.button.MaterialButton
            android:id="@+id/btnMaterialOutlined"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Material Outlined"
            app:cornerRadius="8dp"
            app:strokeColor="#2196F3"
            app:strokeWidth="2dp"
            style="@style/Widget.MaterialComponents.Button.OutlinedButton"
            android:layout_marginTop="8dp" />

        <!-- Material Button Text -->
        <com.google.android.material.button.MaterialButton
            android:id="@+id/btnMaterialText"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Material Text"
            style="@style/Widget.MaterialComponents.Button.TextButton"
            android:layout_marginTop="8dp" />

        <!-- Material Button con Icono -->
        <com.google.android.material.button.MaterialButton
            android:id="@+id/btnMaterialIcon"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Con Icono Material"
            app:icon="@android:drawable/ic_menu_camera"
            app:iconGravity="textStart"
            app:cornerRadius="8dp"
            android:layout_marginTop="8dp" />

        <!-- Separador -->
        <View
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:background="#CCCCCC"
            android:layout_marginTop="16dp"
            android:layout_marginBottom="16dp" />

        <!-- Título: Image Buttons -->
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Image Buttons"
            android:textSize="24sp"
            android:textStyle="bold"
            android:textColor="#FF9800"
            android:layout_marginBottom="16dp" />

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:gravity="center">

            <!-- ImageButton 1 -->
            <ImageButton
                android:id="@+id/btnImage1"
                android:layout_width="64dp"
                android:layout_height="64dp"
                android:src="@android:drawable/ic_menu_camera"
                android:background="@drawable/round_button"
                android:scaleType="centerInside"
                android:layout_margin="8dp"
                android:contentDescription="Cámara" />

            <!-- ImageButton 2 -->
            <ImageButton
                android:id="@+id/btnImage2"
                android:layout_width="64dp"
                android:layout_height="64dp"
                android:src="@android:drawable/ic_menu_gallery"
                android:background="@drawable/round_button"
                android:scaleType="centerInside"
                android:layout_margin="8dp"
                android:contentDescription="Galería" />

            <!-- ImageButton 3 -->
            <ImageButton
                android:id="@+id/btnImage3"
                android:layout_width="64dp"
                android:layout_height="64dp"
                android:src="@android:drawable/ic_menu_share"
                android:background="@drawable/round_button"
                android:scaleType="centerInside"
                android:layout_margin="8dp"
                android:contentDescription="Compartir" />

        </LinearLayout>

        <!-- Separador -->
        <View
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:background="#CCCCCC"
            android:layout_marginTop="16dp"
            android:layout_marginBottom="16dp" />

        <!-- Título: Toggle Buttons -->
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Toggle y Switch"
            android:textSize="24sp"
            android:textStyle="bold"
            android:textColor="#E91E63"
            android:layout_marginBottom="16dp" />

        <!-- ToggleButton -->
        <ToggleButton
            android:id="@+id/toggleButton"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:textOn="Activado"
            android:textOff="Desactivado"
            android:layout_marginTop="8dp" />

        <!-- Switch -->
        <Switch
            android:id="@+id/switchButton"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Notificaciones"
            android:layout_marginTop="8dp" />

        <!-- Material Switch -->
        <com.google.android.material.switchmaterial.SwitchMaterial
            android:id="@+id/materialSwitch"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Modo Oscuro"
            android:layout_marginTop="8dp" />

        <!-- Separador -->
        <View
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:background="#CCCCCC"
            android:layout_marginTop="16dp"
            android:layout_marginBottom="16dp" />

        <!-- Título: Botones Personalizados -->
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Botones Personalizados"
            android:textSize="24sp"
            android:textStyle="bold"
            android:textColor="#9C27B0"
            android:layout_marginBottom="16dp" />

        <!-- Botón con Gradiente -->
        <Button
            android:id="@+id/btnGradient"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Botón con Gradiente"
            android:textColor="#FFFFFF"
            android:background="@drawable/gradient_button"
            android:textSize="16sp"
            android:layout_marginTop="8dp" />

        <!-- Botón Redondeado -->
        <Button
            android:id="@+id/btnRounded"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Botón Redondeado"
            android:textColor="#FFFFFF"
            android:background="@drawable/rounded_button"
            android:textSize="16sp"
            android:layout_marginTop="8dp" />

        <!-- Botón con Borde -->
        <Button
            android:id="@+id/btnBorder"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Botón con Borde"
            android:textColor="#2196F3"
            android:background="@drawable/border_button"
            android:textSize="16sp"
            android:layout_marginTop="8dp" />

        <!-- TextView para mostrar resultados -->
        <TextView
            android:id="@+id/txtResult"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Resultados aparecerán aquí"
            android:textSize="16sp"
            android:textColor="#000000"
            android:padding="16dp"
            android:background="#F5F5F5"
            android:layout_marginTop="24dp" />

    </LinearLayout>

</ScrollView>

🟩 6. Crear Drawables para Botones Personalizados

Drawable 1: Botón Redondeado

Crea res/drawable/rounded_button.xml:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    
    <solid android:color="#2196F3" />
    
    <corners android:radius="24dp" />
    
    <padding
        android:left="16dp"
        android:top="12dp"
        android:right="16dp"
        android:bottom="12dp" />
    
</shape>

Drawable 2: Botón con Gradiente

Crea res/drawable/gradient_button.xml:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    
    <gradient
        android:startColor="#FF5722"
        android:endColor="#E91E63"
        android:angle="45"
        android:type="linear" />
    
    <corners android:radius="16dp" />
    
    <padding
        android:left="16dp"
        android:top="12dp"
        android:right="16dp"
        android:bottom="12dp" />
    
</shape>

Drawable 3: Botón con Borde

Crea res/drawable/border_button.xml:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    
    <solid android:color="#FFFFFF" />
    
    <stroke
        android:width="2dp"
        android:color="#2196F3" />
    
    <corners android:radius="8dp" />
    
    <padding
        android:left="16dp"
        android:top="12dp"
        android:right="16dp"
        android:bottom="12dp" />
    
</shape>

Drawable 4: Botón Circular

Crea res/drawable/round_button.xml:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    
    <solid android:color="#4CAF50" />
    
    <size
        android:width="64dp"
        android:height="64dp" />
    
</shape>

🟩 7. Crear Selector para Estados del Botón

Crea res/drawable/button_selector.xml:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    
    <!-- Estado Presionado -->
    <item android:state_pressed="true">
        <shape android:shape="rectangle">
            <solid android:color="#1976D2" />
            <corners android:radius="8dp" />
        </shape>
    </item>
    
    <!-- Estado Deshabilitado -->
    <item android:state_enabled="false">
        <shape android:shape="rectangle">
            <solid android:color="#CCCCCC" />
            <corners android:radius="8dp" />
        </shape>
    </item>
    
    <!-- Estado Normal -->
    <item>
        <shape android:shape="rectangle">
            <solid android:color="#2196F3" />
            <corners android:radius="8dp" />
        </shape>
    </item>
    
</selector>

🟩 8. Lógica Java con Click Listeners

📄 MainActivity.java

import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.CompoundButton;
import android.widget.ImageButton;
import android.widget.Switch;
import android.widget.TextView;
import android.widget.Toast;
import android.widget.ToggleButton;
import com.google.android.material.button.MaterialButton;
import com.google.android.material.switchmaterial.SwitchMaterial;

public class MainActivity extends AppCompatActivity {

    Button btnNormal, btnWithIcon, btnDisabled, btnGradient, btnRounded, btnBorder;
    MaterialButton btnMaterialFilled, btnMaterialOutlined, btnMaterialText, btnMaterialIcon;
    ImageButton btnImage1, btnImage2, btnImage3;
    ToggleButton toggleButton;
    Switch switchButton;
    SwitchMaterial materialSwitch;
    TextView txtResult;

    int clickCount = 0;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        // Inicializar vistas
        initializeViews();

        // Configurar Click Listeners - Método 1: Lambda
        setupLambdaListeners();

        // Configurar Click Listeners - Método 2: Clase Anónima
        setupAnonymousListeners();

        // Configurar Click Listeners - Método 3: Implementar Interface
        setupInterfaceListeners();

        // Configurar Toggle y Switch
        setupToggleAndSwitch();

        // Configurar Image Buttons
        setupImageButtons();
    }

    private void initializeViews() {
        // Botones estándar
        btnNormal = findViewById(R.id.btnNormal);
        btnWithIcon = findViewById(R.id.btnWithIcon);
        btnDisabled = findViewById(R.id.btnDisabled);
        btnGradient = findViewById(R.id.btnGradient);
        btnRounded = findViewById(R.id.btnRounded);
        btnBorder = findViewById(R.id.btnBorder);

        // Material Buttons
        btnMaterialFilled = findViewById(R.id.btnMaterialFilled);
        btnMaterialOutlined = findViewById(R.id.btnMaterialOutlined);
        btnMaterialText = findViewById(R.id.btnMaterialText);
        btnMaterialIcon = findViewById(R.id.btnMaterialIcon);

        // Image Buttons
        btnImage1 = findViewById(R.id.btnImage1);
        btnImage2 = findViewById(R.id.btnImage2);
        btnImage3 = findViewById(R.id.btnImage3);

        // Toggle y Switch
        toggleButton = findViewById(R.id.toggleButton);
        switchButton = findViewById(R.id.switchButton);
        materialSwitch = findViewById(R.id.materialSwitch);

        // TextView resultado
        txtResult = findViewById(R.id.txtResult);
    }

    // MÉTODO 1: Click Listener con Lambda (Java 8+)
    private void setupLambdaListeners() {
        btnNormal.setOnClickListener(v -> {
            clickCount++;
            updateResult("Botón Normal clickeado - Total: " + clickCount);
        });

        btnMaterialFilled.setOnClickListener(v -> 
            updateResult("Material Filled clickeado")
        );
    }

    // MÉTODO 2: Click Listener con Clase Anónima
    private void setupAnonymousListeners() {
        btnWithIcon.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                updateResult("Botón con Icono clickeado");
            }
        });

        btnGradient.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                updateResult("Botón con Gradiente clickeado");
            }
        });
    }

    // MÉTODO 3: Click Listener implementando Interface
    private void setupInterfaceListeners() {
        View.OnClickListener listener = new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (v.getId() == R.id.btnMaterialOutlined) {
                    updateResult("Material Outlined clickeado");
                } else if (v.getId() == R.id.btnMaterialText) {
                    updateResult("Material Text clickeado");
                } else if (v.getId() == R.id.btnMaterialIcon) {
                    updateResult("Material con Icono clickeado");
                } else if (v.getId() == R.id.btnRounded) {
                    updateResult("Botón Redondeado clickeado");
                } else if (v.getId() == R.id.btnBorder) {
                    updateResult("Botón con Borde clickeado");
                }
            }
        };

        btnMaterialOutlined.setOnClickListener(listener);
        btnMaterialText.setOnClickListener(listener);
        btnMaterialIcon.setOnClickListener(listener);
        btnRounded.setOnClickListener(listener);
        btnBorder.setOnClickListener(listener);
    }

    // MÉTODO 4: Click desde XML (onClick attribute)
    public void onButtonClick(View view) {
        updateResult("Método onClick desde XML");
    }

    private void setupToggleAndSwitch() {
        // ToggleButton
        toggleButton.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                String status = isChecked ? "Activado" : "Desactivado";
                updateResult("Toggle Button: " + status);
            }
        });

        // Switch
        switchButton.setOnCheckedChangeListener((buttonView, isChecked) -> {
            String status = isChecked ? "Notificaciones ON" : "Notificaciones OFF";
            updateResult(status);
            Toast.makeText(this, status, Toast.LENGTH_SHORT).show();
        });

        // Material Switch
        materialSwitch.setOnCheckedChangeListener((buttonView, isChecked) -> {
            String status = isChecked ? "Modo Oscuro Activado" : "Modo Oscuro Desactivado";
            updateResult(status);
            
            // Cambiar color de fondo como ejemplo
            if (isChecked) {
                findViewById(android.R.id.content).setBackgroundColor(0xFF424242);
            } else {
                findViewById(android.R.id.content).setBackgroundColor(0xFFFFFFFF);
            }
        });
    }

    private void setupImageButtons() {
        btnImage1.setOnClickListener(v -> {
            updateResult("Cámara clickeada");
            Toast.makeText(this, "Abrir Cámara", Toast.LENGTH_SHORT).show();
        });

        btnImage2.setOnClickListener(v -> {
            updateResult("Galería clickeada");
            Toast.makeText(this, "Abrir Galería", Toast.LENGTH_SHORT).show();
        });

        btnImage3.setOnClickListener(v -> {
            updateResult("Compartir clickeado");
            Toast.makeText(this, "Compartir contenido", Toast.LENGTH_SHORT).show();
        });
    }

    // MÉTODO 5: Long Click Listener
    private void setupLongClickListener() {
        btnNormal.setOnLongClickListener(v -> {
            updateResult("Long Click detectado en Botón Normal");
            Toast.makeText(this, "Mantuviste presionado el botón", Toast.LENGTH_SHORT).show();
            return true; // true = evento consumido
        });
    }

    // MÉTODO 6: Habilitar/Deshabilitar botón dinámicamente
    private void toggleButtonState() {
        if (btnDisabled.isEnabled()) {
            btnDisabled.setEnabled(false);
            btnDisabled.setText("Deshabilitado");
        } else {
            btnDisabled.setEnabled(true);
            btnDisabled.setText("Habilitado");
        }
    }

    private void updateResult(String message) {
        txtResult.setText(message);
    }
}

🟩 9. FloatingActionButton (FAB)

Agrega un FAB al layout:

<androidx.coordinatorlayout.widget.CoordinatorLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!-- Tu contenido aquí -->

    <com.google.android.material.floatingactionbutton.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|end"
        android:layout_margin="16dp"
        android:src="@android:drawable/ic_input_add"
        app:backgroundTint="#4CAF50"
        app:tint="#FFFFFF" />

</androidx.coordinatorlayout.widget.CoordinatorLayout>

En Java:

FloatingActionButton fab = findViewById(R.id.fab);
fab.setOnClickListener(v -> {
    Toast.makeText(this, "FAB clickeado", Toast.LENGTH_SHORT).show();
});

🟩 10. Crear Estilos Reutilizables

Crea un archivo res/values/styles.xml:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    
    <!-- Estilo para Botón Principal -->
    <style name="PrimaryButton" parent="Widget.MaterialComponents.Button">
        <item name="android:textSize">16sp</item>
        <item name="android:textColor">#FFFFFF</item>
        <item name="backgroundTint">#2196F3</item>
        <item name="cornerRadius">8dp</item>
        <item name="android:layout_marginTop">8dp</item>
    </style>
    
    <!-- Estilo para Botón Secundario -->
    <style name="SecondaryButton" parent="Widget.MaterialComponents.Button.OutlinedButton">
        <item name="android:textSize">16sp</item>
        <item name="android:textColor">#2196F3</item>
        <item name="strokeColor">#2196F3</item>
        <item name="strokeWidth">2dp</item>
        <item name="cornerRadius">8dp</item>
        <item name="android:layout_marginTop">8dp</item>
    </style>
    
    <!-- Estilo para Botón de Texto -->
    <style name="TextButton" parent="Widget.MaterialComponents.Button.TextButton">
        <item name="android:textSize">16sp</item>
        <item name="android:textColor">#2196F3</item>
        <item name="android:layout_marginTop">8dp</item>
    </style>
    
    <!-- Estilo para Botón Peligroso -->
    <style name="DangerButton" parent="Widget.MaterialComponents.Button">
        <item name="android:textSize">16sp</item>
        <item name="android:textColor">#FFFFFF</item>
        <item name="backgroundTint">#F44336</item>
        <item name="cornerRadius">8dp</item>
        <item name="android:layout_marginTop">8dp</item>
    </style>
    
</resources>

Aplicar estilos en XML:

<com.google.android.material.button.MaterialButton
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="Botón Primario"
    style="@style/PrimaryButton" />

🟩 11. Propiedades Importantes de Button

Propiedad Descripción
android:text Texto del botón
android:textColor Color del texto
android:textSize Tamaño del texto
android:background Fondo del botón
android:enabled Habilita/deshabilita el botón
android:onClick Método a ejecutar al hacer click (XML)
android:drawableLeft Icono a la izquierda
android:drawablePadding Espacio entre icono y texto
app:cornerRadius Radio de las esquinas (Material)
app:strokeColor Color del borde (Material)
app:strokeWidth Grosor del borde (Material)
app:icon Icono del botón (Material)
app:iconGravity Posición del icono (Material)

Propiedad	Descripción
`android:text`	Texto del botón
`android:textColor`	Color del texto
`android:textSize`	Tamaño del texto
`android:background`	Fondo del botón
`android:enabled`	Habilita/deshabilita el botón
`android:onClick`	Método a ejecutar al hacer click (XML)
`android:drawableLeft`	Icono a la izquierda
`android:drawablePadding`	Espacio entre icono y texto
`app:cornerRadius`	Radio de las esquinas (Material)
`app:strokeColor`	Color del borde (Material)
`app:strokeWidth`	Grosor del borde (Material)
`app:icon`	Icono del botón (Material)
`app:iconGravity`	Posición del icono (Material)

🟩 12. Button con Animación

private void animateButton(Button button) {
    // Animación de escala
    button.animate()
        .scaleX(1.1f)
        .scaleY(1.1f)
        .setDuration(200)
        .withEndAction(() -> {
            button.animate()
                .scaleX(1.0f)
                .scaleY(1.0f)
                .setDuration(200)
                .start();
        })
        .start();
}

🟩 13. Métodos para Configurar Click Listeners

Método 1: Lambda (Recomendado - Java 8+)

button.setOnClickListener(v -> {
    // Tu código aquí
});

Método 2: Clase Anónima

button.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        // Tu código aquí
    }
});

Método 3: Desde XML (onClick attribute)

<Button
    android:onClick="myMethod"
    android:text="Click Me" />

public void myMethod(View view) {
    // Tu código aquí
}

Método 4: Implementar Interface en Activity

public class MainActivity extends AppCompatActivity implements View.OnClickListener {
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        Button button = findViewById(R.id.button);
        button.setOnClickListener(this);
    }
    
    @Override
    public void onClick(View v) {
        // Tu código aquí
    }
}

▶️ Cómo Ejecutar tu Aplicación

Abre Android Studio
Presiona Run para ejecutar el proyecto
Si no tienes un emulador, crea uno desde AVD Manager
Verás todos los tipos de botones con diferentes estilos funcionando

🧪 Resultado Final

Tu aplicación mostrará:

Botones estándar con diferentes estilos
Material Design Buttons (Filled, Outlined, Text)
Image Buttons circulares con iconos
Toggle Button y Switch con estados
Botones personalizados (gradientes, bordes, redondeados)
Click Listeners funcionando con diferentes métodos
Estados visuales (normal, presionado, deshabilitado)

📥 Descargar Proyecto de Ejemplo

Puedes descargar el proyecto completo desde el siguiente enlace:

👉 Descargar

🙌 Gracias por Visitar mi Blog

Si este tutorial te fue útil:

✔️ Compártelo
✔️ Déjame un comentario
✔️ Sígueme para más contenido sobre Android y programación

¡Estoy aquí para ayudarte!

❓ Preguntas Frecuentes (FAQ)

1. ¿Cuál es la diferencia entre Button y MaterialButton?
MaterialButton es parte de Material Design y ofrece más opciones de personalización como bordes, iconos integrados, esquinas redondeadas y estilos predefinidos más modernos que el Button estándar.

2. ¿Cómo puedo deshabilitar un botón temporalmente?
Usa el método button.setEnabled(false) para deshabilitar y button.setEnabled(true) para habilitar. Los botones deshabilitados no responden a clicks y cambian su apariencia visual automáticamente.

3. ¿Cuál es el mejor método para configurar Click Listeners?
El método Lambda es el más limpio y legible en Java 8+. La clase anónima es útil cuando necesitas compatibilidad con versiones antiguas o lógica más compleja dentro del listener.

4. ¿Puedo agregar múltiples iconos a un botón?
Con Button estándar puedes usar drawableLeft, drawableRight, drawableTop y drawableBottom. Con MaterialButton puedes usar la propiedad app:icon y controlar su posición con app:iconGravity.

Universo Android

Button en Android: Tipos, Estilos y Click Listeners

🟩 1. ¿Qué es un Button en Android?

🟩 2. Tipos de Botones en Android

🟩 3. Crear el Proyecto en Android Studio

🟩 4. Agregar Dependencias de Material Design

🟩 5. Diseño XML con Diferentes Tipos de Botones

🟩 6. Crear Drawables para Botones Personalizados

Drawable 1: Botón Redondeado

Drawable 2: Botón con Gradiente

Drawable 3: Botón con Borde

Drawable 4: Botón Circular

🟩 7. Crear Selector para Estados del Botón

🟩 8. Lógica Java con Click Listeners

🟩 9. FloatingActionButton (FAB)

🟩 10. Crear Estilos Reutilizables

Aplicar estilos en XML:

🟩 11. Propiedades Importantes de Button

🟩 12. Button con Animación

🟩 13. Métodos para Configurar Click Listeners

Método 1: Lambda (Recomendado - Java 8+)

Método 2: Clase Anónima

Método 3: Desde XML (onClick attribute)

Método 4: Implementar Interface en Activity

▶️ Cómo Ejecutar tu Aplicación

🧪 Resultado Final

📥 Descargar Proyecto de Ejemplo

🙌 Gracias por Visitar mi Blog

❓ Preguntas Frecuentes (FAQ)

No hay comentarios:

Publicar un comentario

Tags

Facebook

Seguidores

Buscar este blog

Colaboradores

Universo Android Cosmos

Toast y Snackbar en Android

Recent

Popular

Comments

Blog Archive