Ejemplo de ScrollView de Android

ScrollViewDefinitivamente es una visión muy importante que varios materiales didácticos y tutoriales se han perdido más o menos. Si la composición de esta interfaz es muy irregular y la longitud en la dirección correcta no es suficiente, se debe utilizar Scrollview. Porque se ListViewtrata del contenido de las reglas. En cuanto a un ejemplo simple, descubriré cómo usar Scrollview.

Hay algunas páginas de noticias con imágenes. Debajo de las imágenes, puede hacer clic en el botón para obtener más información, hay títulos y, finalmente, todo el contenido de noticias. Si el contenido es guerrero, la vista de lista no parece ser la mejor opción, pero en general El diseño, por ejemplo LinearLayout, RelativeLayouto FrameLayoutel diseño similar también es inútil. Al final, solo se ScrollViewpuede resolver el problema.

ScrollViewEs un diseño tan especial. Cuando ScrollViewel contenido es más grande que su propio tamaño, ScrollViewautomáticamente agregará una barra de desplazamiento y se deslizará verticalmente.

1. ScrollViewSolo puede haber una vista secundaria directa de. Si desea utilizar una estructura de vista muy complicada, como las noticias mencionadas en la pregunta anterior, debe colocar estas vistas en un diseño estándar, como LinearLayout, RelativeLayoutetc.
2. Puede usar layout_widthy layout_heightdar el ScrollViewtamaño especificado.
3. ScrollViewSolo procese por lotes combinaciones de vistas irregulares que requieran desplazamiento. Se puede utilizar la visualización de datos de lista a gran escala ListView, GridViewo RecyclerView.
4. ScrollViewY ListViewhabrá una diapositiva anidada de conflicto de tal uso. No lo use a menos que sea necesario.
5. ScrollViewSolo admite uso de deslizamiento vertical y deslizamiento horizontal HorizontalScrollView.
6. ScrollViewEl android:fillViewportatributo de define si el contenido se puede ampliar para llenar la ventana gráfica. Puede llamar a métodos setFillViewport(boolean)para lograr el mismo efecto.

Ejemplo de ScrollView de Android

、

demo.png

diseño

<?xml version="1.0" encoding="utf-8"?>
<ScrollView 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"
    android:padding="10dp"
    tools:context="demo.scrollviewdemo.MainActivity">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="200dp"
            android:scaleType="centerCrop"
            android:src="@drawable/nba" />

        <Button
            android:id="@+id/knowMoreButton"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@string/know_more" />

        <TextView
            android:id="@+id/titleTextView"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@string/title"
            android:textAppearance="?android:attr/textAppearanceLarge" />

        <TextView
            android:id="@+id/contentTextView"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@string/content"
            android:textAppearance="?android:attr/textAppearanceSmall" />

    </LinearLayout>
</ScrollView>

---

Actualización continua ...
Dirección de aprendizaje de referencia del artículo: https://www.jianshu.com/p/ddd295a06d17