Esempio di effetto di hover per scorrere verso l'alto in Android

Prima di tutto, vediamo l'effetto visivo da realizzare:

Dopo la consultazione delle risorse, ho scoperto che su Internet la maggior parte delle persone utilizza questo metodo:

Aggiungi un layout identico alla parte fluttuante necessaria, prima di impostare la visibilità della regione fluttuante in gone. Quando la regione fluttuante scorre fino in alto, impostare la visibilità della regione fluttuante B in VISIBLE. In questo modo, sembra che resti fermo in alto.

qui viene presentato un altro metodo:

utilizza i controlli del pacchetto design

<android.support.design.widget.CoordinatorLayout
 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"
 android:fitsSystemWindows="true"
 tools:context="com.peipei.app.MainActivity">
 <android.support.design.widget.AppBarLayout
 android:layout_width="match_parent"
 android:layout_height="250dp">
 <android.support.design.widget.CollapsingToolbarLayout
  app:layout_scrollFlags="scroll"
  app:contentScrim="#000000"
  android:layout_width="match_parent"
  android:layout_height="220dp">
  <TextView
  android:text="area banner"
  android:gravity="center"
  android:textColor="#ffffff"
  android:background="#987545"
  android:layout_width="match_parent"
  android:layout_height="220dp"/>
 </android.support.design.widget.CollapsingToolbarLayout>
 <TextView
  android:gravity="center"
  android:layout_width="match_parent"
  android:layout_height="30dp"
  android:text="parte fluttuante"/>
 </android.support.design.widget.AppBarLayout>
 <android.support.v4.widget.NestedScrollView>
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  app:layout_behavior="@string/appbar_scrolling_view_behavior">
  <TextView
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_margin="@dimen/text_margin"
  android:text="@string/large_text"/>
 </android.support.v4.widget.NestedScrollView>
</android.support.design.widget.CoordinatorLayout>

Passaggi di implementazione:

1. Metti il layout che deve rimanere sospeso al di fuori del CollapsingToolbarLayout e all'interno di AppBarLayout

2. Imposta app:layout_scrollFlags del CollapsingToolbarLayout su scroll

3. Imposta il NestedScroolView per la scorrimento

　　　　　 app:layout_behavior="@String/appbar_scrolling_view_behavior"

Fatto! (Ricorda che la radice della layout deve essere CoordinatorLayout)

Effetto finale:

Sommario

Questo è tutto su come far scorrere Android fino in alto con l'effetto di sospensione. Avete imparato tutto? Spero che questo articolo vi sia stato d'aiuto per il vostro studio o lavoro. Se avete domande, potete lasciare un commento per discuterle.