📱 Android HorizontalScrollView – Ejemplo Completo y Explicado (2025)

¿Quieres aprender a usar HorizontalScrollView en Android Studio?

En este tutorial te muestro paso a paso qué es, cómo funciona y cómo implementarlo correctamente usando XML en tu proyecto Android. Este componente es ideal cuando necesitas mostrar contenido que excede el ancho de la pantalla, como tarjetas, botones, imágenes o listas horizontales.

¡Gracias por seguir mi blog! Espero que este contenido te ayude en tu camino de aprendizaje de desarrollo Android.

---

🔍 ¿Qué es un HorizontalScrollView en Android?

El componente HorizontalScrollView permite desplazar contenido horizontalmente, ideal para interfaces con elementos amplios o listas horizontales.
Características principales:

• Solo permite desplazamiento horizontal.

• Solo puede tener un hijo directo, generalmente un LinearLayout.

• Se utiliza para mostrar elementos que no caben en el ancho de la pantalla.

• Puedes usar cualquier vista en su interior: imágenes, botones, tarjetas, texto, etc.

Es una herramienta muy útil si estás creando menús horizontales, galerías o filas de elementos.

🛠️ Cómo crear un HorizontalScrollView en Android (XML)

A continuación te muestro un ejemplo completo en XML para que puedas implementarlo fácilmente en tu proyecto.

📄 Código XML (activity_main.xml)

 <?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <HorizontalScrollView
        android:id="@+id/HorizontalScrollView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scrollbars="horizontal">

        <LinearLayout
            android:id="@+id/LinearLayoutHorizontal"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_margin="20dp"
                android:background="#f00"
                android:padding="20dp"
                android:text="TextView 1"
                android:textColor="#fff"
                android:textSize="20sp" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_margin="20dp"
                android:background="#0f0"
                android:padding="20dp"
                android:text="TextView 2"
                android:textColor="#fff"
                android:textSize="20sp" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_margin="20dp"
                android:background="#00f"
                android:padding="20dp"
                android:text="TextView 3"
                android:textColor="#fff"
                android:textSize="20sp" />

            <!-- Continúa agregando tus elementos aquí -->

        </LinearLayout>

    </HorizontalScrollView>
</RelativeLayout>

Este diseño muestra una fila de elementos desplazables horizontalmente.

---

▶️ Cómo ejecutar tu aplicación

1. Abre Android Studio.

2. Presiona Run para ejecutar el proyecto.

3. Si no tienes un emulador, crea uno desde AVD Manager.

4. Verás tu lista horizontal funcionando en pantalla.

---

🧪 Resultado Final: Scroll Horizontal en Android

Tu aplicación mostrará todos los elementos dentro de una vista desplazable, ideal para contenido dinámico. 

---

📥 Descargar Proyecto de Ejemplo

Puedes descargar el proyecto completo desde el siguiente enlace:

👉 Descargar

---

🙌 Gracias por visitar mi blog

Si este tutorial sobre HorizontalScrollView en Android te fue útil:

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

¡Estoy aquí para ayudarte!