En Android , ScrollView permite que se desplacen múltiples vistas que son lugares dentro del grupo de vista principal. El desplazamiento en la aplicación de Android se puede hacer de dos maneras, ya sea vertical u horizontalmente.
En este artículo, discutiremos cómo crear un ScrollView horizontal en Kotlin.
| Atributos XML | Descripción |
|---|---|
| android:fillViewport | Define si la vista de desplazamiento horizontal debe estirar su contenido para llenar la ventana gráfica. |
| android:layout_height | Establece la altura de la vista de desplazamiento horizontal |
| Android: diseño_ancho | Establece el ancho de la vista de desplazamiento horizontal |
| Android: src | Establece el fondo de la imagen |
| Android: identificación | Establece una identificación única de la vista |
Comencemos creando primero un proyecto en Android Studio. Para hacerlo, siga estas instrucciones:
El primer paso es crear un nuevo proyecto en Android Studio. Para ello sigue estos pasos:
- Haga clic en Archivo, luego en Nuevo y luego en Nuevo proyecto y asigne el nombre que desee.
- Luego, seleccione Compatibilidad con el idioma Kotlin y haga clic en el botón siguiente.
- Seleccione SDK mínimo, lo que necesite
- Seleccione Actividad vacía y luego haga clic en finalizar .
Modificar archivo activity_main.xml
<?xml version="1.0" encoding="utf-8"?> <HorizontalScrollView xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <LinearLayout android:layout_width="200dp" android:layout_height="200dp" android:layout_marginTop="20dp" android:orientation="horizontal"> <ImageView android:id="@+id/image1" android:layout_width="200dp" android:layout_height="200dp" android:layout_marginRight="20dp" android:src="@mipmap/image1"/> <ImageView android:id="@+id/image2" android:layout_width="200dp" android:layout_height="200dp" android:layout_marginRight="20dp" android:src="@mipmap/image2"/> <ImageView android:id="@+id/image3" android:layout_width="200dp" android:layout_height="200dp" android:layout_marginRight="20dp" android:src="@mipmap/image3"/> <ImageView android:id="@+id/image4" android:layout_width="200dp" android:layout_height="200dp" android:layout_marginRight="20dp" android:src="@mipmap/image4"/> </LinearLayout> </HorizontalScrollView>
Añadir imágenes
Necesitamos agregar algunas imágenes que se pueden usar para fines de desplazamiento. Entonces, tenemos que copiar las imágenes desde la ruta de nuestra computadora local a la carpeta app/res/mipmap.
Nota: hemos agregado las imágenes a la carpeta mipmap en lugar de a la carpeta dibujable porque el tamaño de las imágenes es muy grande.
Crear HorizontalScrollView en el archivo MainActivity.kt
Abra app/src/main/java/yourPackageName/MainActivity.kt y realice los siguientes cambios:
package com.geeksforgeeks.myfirstKotlinapp
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
class MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
}
}
Archivo AndroidManifest.xml
<?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="i.apps.hscrollview"> <application android:allowBackup="true" android:icon="@mipmap/ic_launcher" android:label="@string/app_name" android:roundIcon="@mipmap/ic_launcher_round" android:supportsRtl="true" android:theme="@style/AppTheme"> <activity android:name=".MainActivity"> <intent-filter> <action android:name="android.intent.action.MAIN"/> <category android:name="android.intent.category.LAUNCHER"/> </intent-filter> </activity> </application> </manifest>