¿Cómo cambiar la fuente del botón en Android?

Un botón en Android es un elemento de la interfaz de usuario proporcionado a un usuario para que haga clic y realice una determinada acción. Se puede establecer un texto dentro del botón para nombrarlo. Sin embargo, este texto solo se puede ver en una fuente en particular que está configurada de forma predeterminada.

Entonces, en este artículo, le mostraremos cómo puede cambiar la fuente del texto del botón en Android. Siga los pasos a continuación una vez que el IDE esté listo.

Implementación paso a paso

Paso 1: crea un nuevo proyecto en Android Studio

Para crear un nuevo proyecto en Android Studio, consulte Cómo crear/iniciar un nuevo proyecto en Android Studio . Demostramos la aplicación en Kotlin, así que asegúrese de seleccionar Kotlin como idioma principal al crear un nuevo proyecto.

Paso 2: trabajar con el archivo activity_main.xml

Vaya a la aplicación > res > diseño > actividad_principal.xml y agregue el siguiente código a ese archivo. A continuación se muestra el código para el archivo activity_main.xml . Agregue un botón en este archivo.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 
    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"
    tools:context=".MainActivity">
  
    <Button
        android:id="@+id/button_1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:text="CLick to change font"/>
  
</RelativeLayout>

Paso 3: trabajar con el archivo MainActivity.kt

Vaya al archivo MainActivity.kt y consulte el siguiente código. A continuación se muestra el código del archivo MainActivity.kt . Se agregan comentarios dentro del código para comprender el código con más detalle.

package org.geeksforgeeks.changebuttonfont
  
import android.graphics.Typeface
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.widget.Button
  
class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
  
        // Declaring and initializing
        // Button from the layout file
        val mButton = findViewById<Button>(R.id.button_1)
  
        // Declaring integer variable
        // to use in when loop
        var clicks = 0
  
        // When button is clicked
        mButton.setOnClickListener {
            // Variable is incremented
            clicks += 1
            // Enters when loop and changes typeface
            when(clicks){
                1-> {mButton.setTypeface(Typeface.MONOSPACE)
                    mButton.text = "Monospace"}
  
                2-> {mButton.setTypeface(Typeface.SANS_SERIF)
                    mButton.text = "Sans Serif"}
  
                3-> {mButton.setTypeface(Typeface.DEFAULT_BOLD)
                    mButton.text = "Default Bold"}
  
                4-> {mButton.setTypeface(Typeface.SERIF)
                    mButton.text = "Serif"}
  
                5-> {mButton.setTypeface(Typeface.DEFAULT)
                    mButton.text = "Default"
                    // Returns back to the top (Monospace)
                    clicks = 0}
            }
        }
    }
}

Producción:

Puede ver que al hacer clic en el botón, la fuente del botón cambia.