Join FlipAndroid.COM Telegram Group: https://t.me/joinchat/F_aqThGkhwcLzmI49vKAiw


CoordinatorLayout + TabView + AnimateView (Desde la parte superior)

Yesterday estoy jugando con CoordinatorLayout con TabView

1) ¿Cuál es mi objetivo?

  • CoordinatorLayout con TabView
  • Cuando se scroll up en ese momento One View como muestra en .GIF move down .
  • Y Stick en la parte superior de la TabView (dentro de AppBar).

Introduzca aquí la descripción de la imagen

2) ¿A dónde llegué?

  • CoordinatorLayout con TabView con desplazamiento bonito.
  • TabView con Appbar Parar el desplazamiento en la parte superior después de entonces Desplazamiento RecyclerView.

Introduzca aquí la descripción de la imagen

3) ¿Dónde me quedé?

  • Cuando hago scroll Up One View Scroll Down pero TabView Stick At Top no es como el 1st gif .

4) Snippet de código

  • Archivo XML

     <android.support.design.widget.AppBarLayout android:id="@+id/main.appbar" android:layout_width="match_parent" android:layout_height="wrap_content" android:fitsSystemWindows="true" android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"> <!--- ADD TAB_LAYOUT HERE --> <android.support.design.widget.CollapsingToolbarLayout android:id="@+id/main.collapsing" android:layout_width="match_parent" android:layout_height="match_parent" android:fitsSystemWindows="true" app:expandedTitleMarginEnd="64dp" app:expandedTitleMarginStart="48dp" app:layout_scrollFlags="scroll"> <ImageView android:id="@+id/main.backdrop" android:layout_width="match_parent" android:layout_height="match_parent" android:fitsSystemWindows="true" android:scaleType="centerCrop" android:src="@drawable/abc" app:layout_collapseMode="none" /> <!-- ADD ANY THING THAT GETS SCROLLED ALL THE WAY UP WITH TOOLBAR --> </android.support.design.widget.CollapsingToolbarLayout> <!-- our tablayout to display tabs --> <android.support.design.widget.TabLayout android:id="@+id/tabLayout" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="?attr/colorPrimary" android:minHeight="?attr/actionBarSize" android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" /> </android.support.design.widget.AppBarLayout> <android.support.v4.view.ViewPager android:id="@+id/pager" android:layout_width="match_parent" android:layout_height="match_parent" app:layout_behavior="@string/appbar_scrolling_view_behavior" /> 

  • Archivo Java (mover la vista superior hacia abajo del código)

     AppBarLayout ab = (AppBarLayout) findViewById(R.id.main_appbar);ab.addOnOffsetChangedListener(new AppBarLayout.OnOffsetChangedListener() { @Override public void onOffsetChanged(AppBarLayout appBarLayout, int verticalOffset) { int ScrollStart = (ab.getHeight() - tabLayout.getHeight() - llTop.getHeight() - llTop.getHeight()); int scrollStop = (ab.getHeight() - tabLayout.getHeight() - llTop.getHeight()); if ((-verticalOffset) > ScrollStart && (-verticalOffset) < scrollStop) { llTop.setVisibility(View.VISIBLE); llTop.setTranslationY(((-verticalOffset) - ScrollStart) - llTop.getHeight()); Log.e("point", "" + ((-verticalOffset) - ScrollStart)); } else if ((-verticalOffset) >= scrollStop) { llTop.setVisibility(View.VISIBLE); } else { llTop.setVisibility(View.INVISIBLE); } } }); 

  • Cómo obtener el desplazamiento de una vista dentro de un ScrollView?
  • La funcionalidad de desplazamiento desactiva el desplazamiento vertical - Chrome para Android
  • ¿Cómo animar la posición de desplazamiento? ¿Cómo desplazarse sin problemas?
  • Ocultación de ActionBar en RecyclerView / ListView onScroll
  • El ajuste de TextView detiene el desplazamiento de la marquesina de otro TextView
  • Desplácese ListView sin problemas y programáticamente
  • Incendios de cromo móvil resize evento en desplazamiento
  • ¿Cómo hacer que una disposición lineal se pueda desplazar?
  • One Solution collect form web for “CoordinatorLayout + TabView + AnimateView (Desde la parte superior)”

    Es un poco complicado ..

    Sólo intenta setMinimumHeight de tu CollapsingToolbarLayout como esta forma y hazme saber.

     CollapsingToolbarLayout layoutCollapsing = (CollapsingToolbarLayout) rootView.findViewById(R.id.layoutCollapsing); layoutCollapsing.setMinimumHeight(120); 

    Aquí calcule su altura mínima según su necesidad y póngala en lugar del valor setMinimumHeight (120) .

    FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.