Inicio » Cursos » Programación Android desde Cero

Curso Programación Android desde Cero

Capitulo 10 ➜ Componente TextView

Componente TextView

¿Cómo usar un TextView? en Android Studio

Un TextView es un componente gráfico que permite mostrar un texto en una aplicación móvil para usarlo debemos declararlo en el XML y la Activity JAVA

¿Cómo usar un TextView? en Android Studio

Un TextView es un componente fundamental en Android Studio que te permite mostrar texto en tus aplicaciones. Se utiliza ampliamente para mostrar una variedad de información, como títulos, párrafos, datos dinámicos y más. A continuación, te presento una guía básica sobre cómo usar un TextView en Android Studio:

Declarar el TextView en el archivo de diseño (XML):

  • En el archivo activity_main.xml (o el archivo de diseño correspondiente a tu actividad), agrega un elemento TextView dentro del layout. Puedes definir sus atributos como idtexttextSizetextColorfontFamilypaddinglayout_width y layout_height, entre otros.

XML

<TextView
    android:id="@+id/miTextView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Hola, mundo!"
    android:textSize="18sp"
    android:textColor="#FF0000" />

 

Vincular el TextView al código de la actividad (Java/Kotlin):

  • En el archivo MainActivity.java (o el archivo de actividad correspondiente), importa las clases necesarias y declara una variable TextView.

  • Utiliza findViewById para obtener la referencia del TextView declarado en el archivo XML.
  • Puedes modificar el texto del TextView, establecer estilos adicionales o interactuar con él mediante eventos de usuario.

Java

import android.widget.TextView;

public class MainActivity extends AppCompatActivity {

    private TextView miTextView;

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

        miTextView = findViewById(R.id.miTextView);

        // Modificar el texto del TextView
        miTextView.setText("Este es un nuevo texto");

        // Establecer estilos adicionales
        miTextView.setTextSize(TypedValue.COMPLEX_UNIT_PX, 24);
        miTextView.setTypeface(Typeface.BOLD);
    }
}

1827 visitas

Sigue con el curso: Capítulo 11 – Componente EditText

Descarga el código del proyecto

Descarga el código fuente del proyecto adquiriendo el curso completo

Comprar

Más cursos que pueden interesarte

Más cursos

Codea Codea App

México, Colombia, España, Venezuela, Argentina, Bolivia, Perú

© Todos los derechos reservados Codea App | ...de frente al código!!! | 2020 - 2023