¿Cómo cambiar el tamaño de TextView mediante programación en Android?

Un TextView en Android es un elemento de la interfaz de usuario para mostrar texto. Se puede programar en el archivo de diseño de forma estática, así como en el código principal de forma dinámica. Por lo tanto, varios atributos de TextView, como el texto, el color del texto, el tamaño del texto, el fondo de TextView y su tamaño, se pueden cambiar mediante programación. En este artículo, le mostraremos cómo puede cambiar mediante programación el tamaño de TextView en Android. 

En la aplicación de muestra que hemos demostrado en este artículo, hay dos elementos de la interfaz de usuario que son TextView y Button. Hemos programado el Botón de tal manera que con cada clic, las dimensiones de TextView se duplican. Es decir, antes de ese primer clic, la longitud y la altura de TextView son 50 sp y 50 sp. Después del primer clic, las dimensiones se convierten en 100sp. En el segundo clic, las dimensiones son 200sp. para longitud y altura. Ahora siga los pasos a continuación para crear esta aplicación.

Nota: este método para cambiar el tamaño de TextView también se puede aplicar a otros elementos de la interfaz de usuario.

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

app > res > layout > activity_main.xml activity_main.xml Hemos declarado un TextView de 50sp x 50sp y un Button.

<?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">
  
    <TextView
        android:id="@+id/text_view"
        android:layout_width="50sp"
        android:layout_height="50sp"
        android:background="#0f9d58"
        android:layout_centerInParent="true"/>
  
    <Button
        android:id="@+id/btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_below="@+id/text_view"
        android:text="click"/>
  
</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 . En el código principal, hemos programado el botón de tal manera que si se hace clic en él, los parámetros de diseño actuales de TextView, es decir, el ancho y el alto, se multiplican por 2. Se agregan comentarios dentro del código para entender el código en mas detalle.

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.widget.Button
import android.widget.RelativeLayout
import android.widget.TextView
  
class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
  
        // Declaring and Initializing the 
          // TextView and the Button from the layout file
        val mTextView = findViewById<TextView>(R.id.text_view)
        val mBtn = findViewById<Button>(R.id.btn)
  
        // When the Button is clicked, the current 
          // parameters are fetched in a local value
        // and doubled.
        // This local value is then assigned to the 
          // actual TextView layout parameters.
        mBtn.setOnClickListener {
            val mParams = mTextView.layoutParams as RelativeLayout.LayoutParams
            mParams.apply {
                width *= 2
                height *= 2
            }
            mTextView.layoutParams = mParams
        }
  
    }
}

Producción:

Podemos ver que con cada clic en el botón, las dimensiones del diseño de TextView se duplican con respecto a sus valores anteriores.