2016-01-11 21 views
12

W ostatnim wydaniu przez Google biblioteki wsparcia projektu wprowadzono kilka nowych, fajnych widoków. Korzystanie z niektórych nowych składników (np. CoordinatorLayout) może (!) Umożliwić osiągnięcie przewijania.Przewijanie w górę/w dół dolnego paska podczas przewijania strony RecyclerView

byłem Próbowalismy niektóre zbudowany w przewijania zachowanie, ale nic nie działa dla mnie,

Mam bottombar (LinearLayout) w moim układzie zamiast FloatingActionButton

Oto, czego chcę.

  1. Włączenie tego ekranu powinno wyświetlić pasek dolny.
  2. Na scrollup z widokiem z recyklingu dolny pasek powinien przewinąć.
  3. Na scrolldown z recyclerview pasku dolnym powinny scrollup

Czy istnieje jakiś wbudowany mechanizm do osiągnięcia tego celu? lub Potrzebujemy napisać kod Java?

Oto mój kod:

main_activty.xml

<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:fitsSystemWindows="true"> 

    <android.support.design.widget.AppBarLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:fitsSystemWindows="true" 
     android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"> 

     <include layout="@layout/toolbar_srp" /> 

     <android.support.design.widget.TabLayout 
      android:id="@+id/tabs" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:elevation="5dp" 
      app:tabGravity="fill" 
      app:tabIndicatorColor="@android:color/white" 
      app:tabMode="fixed" /> 

    </android.support.design.widget.AppBarLayout> 

    <!-- All Scrollable Views --> 

    <android.support.v4.view.ViewPager 
     android:id="@+id/viewpager" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     app:layout_behavior="@string/appbar_scrolling_view_behavior" /> 

    <!-- Bottom bar--> 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_gravity="bottom" 
     android:background="#a0000000" 
     android:orientation="horizontal" 
     android:paddingBottom="@dimen/padding_small" 
     android:paddingTop="@dimen/padding_small"> 

     <TextView 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_weight="0.33" 
      android:gravity="center" 
      android:paddingBottom="@dimen/padding_small" 
      android:paddingTop="@dimen/padding_small" 
      android:text="AC" 
      android:textColor="@color/white" /> 

     <TextView 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_weight="0.33" 
      android:gravity="center" 
      android:paddingBottom="@dimen/padding_small" 
      android:paddingTop="@dimen/padding_small" 
      android:text="Sleeper" 
      android:textColor="@color/white" /> 

     <TextView 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_weight="0.33" 
      android:gravity="center" 
      android:paddingBottom="@dimen/padding_small" 
      android:paddingTop="@dimen/padding_small" 
      android:text="Premium" 
      android:textColor="@color/white" /> 

    </LinearLayout> 


</android.support.design.widget.CoordinatorLayout> 

fragment.xml (tu ja putted mój kod recyclerview)

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:background="@color/white" 
    android:orientation="vertical"> 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:orientation="horizontal" 
     android:paddingBottom="@dimen/padding_small" 
     android:paddingTop="@dimen/padding_small" 
     android:weightSum="1"> 

     <TextView 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_weight="0.33" 
      android:background="@drawable/bg_srp_sorter" 
      android:clickable="true" 
      android:gravity="center" 
      android:paddingBottom="@dimen/padding_small" 
      android:paddingTop="@dimen/padding_small" 
      android:text="Departure" /> 

     <TextView 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_weight="0.33" 
      android:background="@drawable/bg_srp_sorter" 
      android:gravity="center" 
      android:paddingBottom="@dimen/padding_small" 
      android:paddingTop="@dimen/padding_small" 
      android:text="Duration" /> 

     <TextView 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_weight="0.33" 
      android:gravity="center" 
      android:paddingBottom="@dimen/padding_small" 
      android:paddingTop="@dimen/padding_small" 
      android:text="Price" /> 

    </LinearLayout> 

    <View 
     android:layout_width="match_parent" 
     android:layout_height="1dp" 
     android:background="@color/lite_gray"></View> 

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

     <android.support.v7.widget.RecyclerView 
      android:id="@+id/bus_list_recycler_view" 
      android:layout_width="match_parent" 
      android:layout_height="0dp" 
      android:layout_weight="1" /> 

    </LinearLayout> 
</LinearLayout> 

toolbar.xml

<?xml version="1.0" encoding="utf-8"?> 
<android.support.v7.widget.Toolbar 

xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    android:id="@+id/toolbar" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:background="@color/colorPrimary" 
    app:layout_scrollFlags="scroll|enterAlways" 
    android:minHeight="?attr/actionBarSize"> 


    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:weightSum="1"> 

     <LinearLayout 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_weight="0.10"> 

      <ImageView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:src="@drawable/abc_ic_ab_back_mtrl_am_alpha" /> 


     </LinearLayout> 


     <LinearLayout 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_weight="0.78" 
      android:orientation="vertical"> 

      <LinearLayout 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:orientation="horizontal" 
       android:weightSum="1"> 

       <TextView 
        android:id="@+id/toolbar_title_source" 
        android:layout_width="0dp" 
        android:layout_height="wrap_content" 
        android:layout_weight="0.47" 
        android:ellipsize="end" 
        android:singleLine="true" 
        android:text="Thiruvananthapuram " 
        android:textColor="@color/white" 
        android:textSize="@dimen/label_text_size_large" /> 

       <TextView 
        android:id="@+id/toolbar_title_arrow" 
        android:layout_width="0dp" 
        android:layout_height="wrap_content" 
        android:layout_weight="0.08" 
        android:text="@string/char_right" 
        android:textColor="@color/white" 
        android:textSize="@dimen/label_text_size_large" 
        android:textStyle="bold" /> 

       <TextView 
        android:id="@+id/toolbar_title_destination" 
        android:layout_width="0dp" 
        android:layout_height="wrap_content" 
        android:layout_weight="0.47" 
        android:ellipsize="end" 
        android:singleLine="true" 
        android:text=" Cochin" 
        android:textColor="@color/white" 
        android:textSize="@dimen/label_text_size_large" /> 


      </LinearLayout> 


      <TextView 
       android:id="@+id/toolbar_sub_title" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="2 Seat(s)" 
       android:textColor="@color/lite_gray" 
       android:textSize="@dimen/label_text_size_normal" /> 

     </LinearLayout> 


     <LinearLayout 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_weight="0.13"> 

      <ImageView 
       android:layout_width="30dp" 
       android:layout_height="30dp" 
       android:scaleType="fitCenter" 
       android:src="@drawable/filter" /> 
     </LinearLayout> 
    </LinearLayout> 

</android.support.v7.widget.Toolbar> 
+0

Spójrz na tę odpowiedź http://stackoverflow.com/questions/34027192/android-fab-behaviour-with-listview-for-custom-layout/34028178#34028178, ale nie rozszerzaj domyślnego zachowania FAB ponieważ nie robisz tego dla FAB. :) –

Odpowiedz

11

ponieważ używasz CoordinatorLayout można utworzyć niestandardowy Behaviour że można osiągnąć to, co wymagane przykład wykonać poniższe: create klasę, która extends CoordinatorLayout.Behavior<View> wykonaj poniższy przykład:

public class QuickReturnFloaterBehavior extends CoordinatorLayout.Behavior<View> { 

    private int distance; 

    public QuickReturnFloaterBehavior(Context context, AttributeSet attrs) { 
     super(context, attrs); 
    } 

    @Override 
    public boolean onStartNestedScroll(CoordinatorLayout coordinatorLayout, View child, View directTargetChild, View target, int nestedScrollAxes) { 
     return (nestedScrollAxes & ViewCompat.SCROLL_AXIS_VERTICAL) != 0; 
    } 

    @Override public void onNestedPreScroll(CoordinatorLayout coordinatorLayout, View child, View target, int dx, int dy, int[] consumed) { 
     if (dy > 0 && distance < 0 || dy < 0 && distance > 0) { 
      child.animate().cancel(); 
      distance = 0; 
     } 
     distance += dy; 
     final int height = child.getHeight() > 0 ? (child.getHeight()) : 600/*update this accordingly*/; 
     if (distance > height && child.isShown()) { 
      hide(child); 
     } else if (distance < 0 && !child.isShown()) { 
      show(child); 
     } 
    } 

    private void hide(View view) { 
     view.setVisibility(View.GONE);// use animate.translateY(height); instead 
    } 

    private void show(View view) { 
     view.setVisibility(View.VISIBLE);// use animate.translateY(-height); instead 
    } 

} 

teraz zastosować ten behaviour dodać do Twój układ

app:layout_behavior="com.example.QuickReturnFloaterBehavior" 
29

To jak to zrobiłem:

mRecylerView.addOnScrollListener(new HideShowScrollListener() { 
      @Override 
      public void onHide() { 
       //fab.animate().setInterpolator(new AccelerateDecelerateInterpolator()).scaleX(0).scaleY(0); 
       // do your hiding animation here 

      } 

      @Override 
      public void onShow() { 
       // fab.animate().setInterpolator(new AccelerateDecelerateInterpolator()).scaleX(1).scaleY(1); 
       // do your showing animation here 
      } 
     }); 

będzie potrzeby HideShowScrollListener.class

/** 
* This class is a ScrollListener for RecyclerView that allows to show/hide 
* views when list is scrolled. 
* */ 
public abstract class HideShowScrollListener extends RecyclerView.OnScrollListener { 
    private static final int HIDE_THRESHOLD = 20; 
    private int scrolledDistance = 0; 
    private boolean controlsVisible = true; 

    @Override 
    public void onScrolled(RecyclerView recyclerView, int dx, int dy) { 
     super.onScrolled(recyclerView, dx, dy); 

     if (scrolledDistance > HIDE_THRESHOLD && controlsVisible) { 
      onHide(); 
      controlsVisible = false; 
      scrolledDistance = 0; 
     } else if (scrolledDistance < -HIDE_THRESHOLD && !controlsVisible) { 
      onShow(); 
      controlsVisible = true; 
      scrolledDistance = 0; 
     } 

     if((controlsVisible && dy>0) || (!controlsVisible && dy<0)) { 
      scrolledDistance += dy; 
     } 
    } 

    public abstract void onHide(); 
    public abstract void onShow(); 

} 
+1

Dobra odpowiedź. Dziękuję –

+0

Najlepsza odpowiedź w moim przypadku. – ulughbekula

+0

Jak korzystać z dwóch różnych RecyclerView? – JUL2791

3
public class ScrollAwareFABBehavior extends FloatingActionButton.Behavior { 
    private static final Interpolator INTERPOLATOR = new FastOutSlowInInterpolator(); 
    private boolean mIsAnimatingOut = false; 
public ScrollAwareFABBehavior(Context context, AttributeSet attrs) { 
    super(); 
} 

@Override 
public boolean onStartNestedScroll(final CoordinatorLayout coordinatorLayout, final FloatingActionButton child, 
            final View directTargetChild, final View target, final int nestedScrollAxes) { 
    // Ensure we react to vertical scrolling 
    return nestedScrollAxes == ViewCompat.SCROLL_AXIS_VERTICAL 
      || super.onStartNestedScroll(coordinatorLayout, child, directTargetChild, target, nestedScrollAxes); 
} 

@Override 
public void onNestedScroll(final CoordinatorLayout coordinatorLayout, final FloatingActionButton child, 
          final View target, final int dxConsumed, final int dyConsumed, 
          final int dxUnconsumed, final int dyUnconsumed) { 
    super.onNestedScroll(coordinatorLayout, child, target, dxConsumed, dyConsumed, dxUnconsumed, dyUnconsumed); 
    if (dyConsumed > 0 && !this.mIsAnimatingOut && child.getVisibility() == View.VISIBLE) { 
     // User scrolled down and the FAB is currently visible -> hide the FAB 
     animateOut(child); 
    } else if (dyConsumed < 0 && child.getVisibility() != View.VISIBLE) { 
     // User scrolled up and the FAB is currently not visible -> show the FAB 
     animateIn(child); 
    } 
} 

// Same animation that FloatingActionButton.Behavior uses to hide the FAB when the AppBarLayout exits 
private void animateOut(final FloatingActionButton button) { 
    if (Build.VERSION.SDK_INT >= 14) { 
     ViewCompat.animate(button).scaleX(0.0F).scaleY(0.0F).alpha(0.0F).setInterpolator(INTERPOLATOR).withLayer() 
       .setListener(new ViewPropertyAnimatorListener() { 
        public void onAnimationStart(View view) { 
         ScrollAwareFABBehavior.this.mIsAnimatingOut = true; 
        } 

        public void onAnimationCancel(View view) { 
         ScrollAwareFABBehavior.this.mIsAnimatingOut = false; 
        } 

        public void onAnimationEnd(View view) { 
         ScrollAwareFABBehavior.this.mIsAnimatingOut = false; 
         view.setVisibility(View.GONE); 
        } 
       }).start(); 
    } else { 
     Animation anim = AnimationUtils.loadAnimation(button.getContext(), R.anim.fab_out); 
     anim.setInterpolator(INTERPOLATOR); 
     anim.setDuration(200L); 
     anim.setAnimationListener(new Animation.AnimationListener() { 
      public void onAnimationStart(Animation animation) { 
       ScrollAwareFABBehavior.this.mIsAnimatingOut = true; 
      } 

      public void onAnimationEnd(Animation animation) { 
       ScrollAwareFABBehavior.this.mIsAnimatingOut = false; 
       button.setVisibility(View.GONE); 
      } 

      @Override 
      public void onAnimationRepeat(final Animation animation) { 
      } 
     }); 
     button.startAnimation(anim); 
    } 
} 

// Same animation that FloatingActionButton.Behavior uses to show the FAB when the AppBarLayout enters 
private void animateIn(FloatingActionButton button) { 
    button.setVisibility(View.VISIBLE); 
    if (Build.VERSION.SDK_INT >= 14) { 
     ViewCompat.animate(button).scaleX(1.0F).scaleY(1.0F).alpha(1.0F) 
       .setInterpolator(INTERPOLATOR).withLayer().setListener(null) 
       .start(); 
    } else { 
     Animation anim = AnimationUtils.loadAnimation(button.getContext(), R.anim.fab_in); 
     anim.setDuration(200L); 
     anim.setInterpolator(INTERPOLATOR); 
     button.startAnimation(anim); 
    } 
} 

}

i ustawić z xml aplikacji: layout_behavior jak ..

<android.support.design.widget.FloatingActionButton 
    android:id="@+id/fab" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_gravity="end|bottom" 
    android:layout_margin="16dp" 
    app:fabSize="mini" 
    android:src="@drawable/ic_action_edit" 
    app:layout_behavior="com.package.name.ScrollAwareFABBehavior"/> 
0

@ k0sh dał grzywny rozwiązanie . Chcę go zaktualizować, aby uzyskać płynną animację podczas wyświetlania i ukrywania układu.Wymień kompletny kod wewnątrz onNestedPreScroll() z poniższym kodzie:

if (dy > 0) { 

     CoordinatorLayout.LayoutParams layoutParams = (CoordinatorLayout.LayoutParams) child.getLayoutParams(); 
     int viewBottomMargin = layoutParams.bottomMargin; 
     child.animate().translationY(child.getHeight() + viewBottomMargin).setInterpolator(new LinearInterpolator()).start(); 

} else if (dy < 0) { 

     child.animate().translationY(0).setInterpolator(new LinearInterpolator()).start(); 

} 
0

widoczność i Hide z animacji w Twojej Fragment:

recyclerView.addOnScrollListener(new HideShowScrollListener() { 
     final Fragment parentFragment = getParentFragment(); 
     @Override 
     public void onHide() { 
      bottomLayout.animate().setDuration(200).translationYBy(-bottomLayout.getHeight()).setListener(new AnimatorListenerAdapter() { 
        @Override 
        public void onAnimationEnd(Animator animation) { 
         bottomLayout.setVisibility(View.GONE); 
        } 
      }); 
     } 

     @Override 
     public void onShow() { 
      bottomLayout.animate().setDuration(200).translationY(0).setListener(new AnimatorListenerAdapter() { 
        @Override 
        public void onAnimationEnd(Animator animation) { 
         bottomLayout.setVisibility(View.VISIBLE); 
        } 
      }); 
     } 

     @Override 
     public void onScrolled() { 
      // To load more data 
     } 
    }); 

HideShowScrollListener.java

public abstract class HideShowScrollListener extends RecyclerView.OnScrollListener { 
     private static final int HIDE_THRESHOLD = 20; 
     private int scrolledDistance = 0; 
     private boolean controlsVisible = true; 

     @Override 
     public void onScrolled(RecyclerView recyclerView, int dx, int dy) { 
      super.onScrolled(recyclerView, dx, dy); 

      onScrolled(); 

      if (scrolledDistance > HIDE_THRESHOLD && controlsVisible) { 
       onHide(); 
       controlsVisible = false; 
       scrolledDistance = 0; 
      } else if (scrolledDistance < -HIDE_THRESHOLD && !controlsVisible) { 
       onShow(); 
       controlsVisible = true; 
       scrolledDistance = 0; 
      } 

      if((controlsVisible && dy>0) || (!controlsVisible && dy<0)) { 
       scrolledDistance += dy; 
      } 
     } 

     public abstract void onHide(); 
     public abstract void onShow(); 
     public abstract void onScrolled(); 
} 
0

@ k0sh ma QuickReturnFloaterBehavior działa, ale czasami nie słucha drobnych zwojów.

Mam zawartość w NestedScrollView z LinearLayout jako dolny pasek & nie miał widoku recyklera. więc nie mogę używać innych sugerowanych odpowiedzi.

Ci, którzy mają tę samą sytuację, mogą użyć BottomNavigationBehavior z tego posta Bottom Navigation Behavior. działa doskonale & przydatne.

Kiedy bieżący widok najwyższego poziomu ma zawartość przewijania, dno nawigacji powinien schować, gdy jest ona przewijane w dół i wsunąć z powrotem, gdy zawartość jest przewijane w górę. W tym celu musimy być świadomi kierunku przewijania. VerticalScrollingBehavior to ogólne zachowanie układu, które jest w pewnym sensie rozszerzeniem do CoordinatorLayout.Behavior, które wywołuje zdarzenia w kierunku przewijania w kierunku .

kod źródłowy BottomNavigationBehavior - https://gist.github.com/NikolaDespotoski/1d6fef4949eb9be05a46#file-bottomnavigationbehavior-java

fragment z BottomNavigationBehavior

@Override 
public void onDirectionNestedPreScroll(CoordinatorLayout coordinatorLayout, V child, View target, int dx, int dy, int[] consumed, @ScrollDirection int scrollDirection) { 
    handleDirection(child, scrollDirection); 
} 

@Override 
protected boolean onNestedDirectionFling(CoordinatorLayout coordinatorLayout, V child, View target, float velocityX, float velocityY, @ScrollDirection int scrollDirection) { 
    handleDirection(child, scrollDirection); 
    return true; 
} 

private void handleDirection(V child, @ScrollDirection int scrollDirection) { 
    if (!scrollingEnabled) return; 
    if (scrollDirection == ScrollDirection.SCROLL_DIRECTION_DOWN && hidden) { 
     hidden = false; 
     animateOffset(child, 0); 
    } else if (scrollDirection == ScrollDirection.SCROLL_DIRECTION_UP && !hidden) { 
     hidden = true; 
     animateOffset(child, child.getHeight()); 
    } 
} 
1

enter image description here

package com.keshav.hideactionbarandfooterexample; 

import android.os.Bundle; 
import android.support.v7.app.AppCompatActivity; 
import android.support.v7.widget.LinearLayoutManager; 
import android.support.v7.widget.RecyclerView; 
import android.support.v7.widget.Toolbar; 
import android.util.Log; 
import android.view.View; 
import android.view.animation.AccelerateInterpolator; 
import android.view.animation.DecelerateInterpolator; 
import android.widget.FrameLayout; 
import android.widget.ImageButton; 

import java.util.ArrayList; 
import java.util.List; 

import adapters.RecyclerAdapter; 
import listners.HidingScrollListener; 

public class MainActivity extends AppCompatActivity { 

    private Toolbar mToolbar; 
    private Toolbar toolbar_bottom; 
    private ImageButton mFabButton; 

    @Override 
    protected void onCreate(Bundle savedInstanceState) { 
     setTheme(R.style.AppThemeRed); 
     super.onCreate(savedInstanceState); 
     setContentView(R.layout.activity_main); 

     Log.e("keshav", "MainActivity called"); 

     initToolbar(); 
     mFabButton = (ImageButton) findViewById(R.id.fabButton); 
     initRecyclerView(); 
    } 

    private void initToolbar() { 
     mToolbar = (Toolbar) findViewById(R.id.toolbar); 
     toolbar_bottom = (Toolbar) findViewById(R.id.toolbar_bottom); 
     setSupportActionBar(mToolbar); 
     setSupportActionBar(toolbar_bottom); 
     setTitle(getString(R.string.app_name)); 
     mToolbar.setTitleTextColor(getResources().getColor(android.R.color.white)); 
     toolbar_bottom.setTitleTextColor(getResources().getColor(android.R.color.white)); 


     toolbar_bottom.setVisibility(View.GONE); 
    } 

    private void initRecyclerView() { 
     RecyclerView recyclerView = (RecyclerView) findViewById(R.id.recyclerView); 
     recyclerView.setLayoutManager(new LinearLayoutManager(this)); 
     RecyclerAdapter recyclerAdapter = new RecyclerAdapter(createItemList()); 
     recyclerView.setAdapter(recyclerAdapter); 

     recyclerView.addOnScrollListener(new HidingScrollListener() { 
      @Override 
      public void onHide() { 
       hideViews(); 
      } 

      @Override 
      public void onShow() { 
       showViews(); 
      } 
     }); 
    } 

    private void hideViews() { 
     // TODO (-mToolbar) plus means 2 view above ho jaye or not visible to user 
     mToolbar.animate().translationY(-mToolbar.getHeight()).setInterpolator(new AccelerateInterpolator(2)); 

     // TODO uncomment this Hide Footer in android when Scrolling 
     // TODO (+mToolbar) plus means 2 view forward ho jaye or not visible to user 
     toolbar_bottom.animate().translationY(+toolbar_bottom.getHeight()).setInterpolator(new AccelerateInterpolator(2)); 

     // TODO keshav Hide Also Floatng Button In Android 
     FrameLayout.LayoutParams lp = (FrameLayout.LayoutParams) mFabButton.getLayoutParams(); 
     int fabBottomMargin = lp.bottomMargin; 
     mFabButton.animate().translationY(mFabButton.getHeight() + fabBottomMargin).setInterpolator(new AccelerateInterpolator(2)).start(); 
     // TODO keshav Hide Also Floatng Button In Android 
    } 

    private void showViews() { 
     mToolbar.animate().translationY(0).setInterpolator(new DecelerateInterpolator(2)); 

     // TODO uncomment this Hide Footer in android when Scrolling 
     toolbar_bottom.animate().translationY(0).setInterpolator(new DecelerateInterpolator(2)); 
     mFabButton.animate().translationY(0).setInterpolator(new DecelerateInterpolator(2)).start(); 
    } 

    private List<String> createItemList() { 
     List<String> itemList = new ArrayList<>(); 
     for (int i = 0; i < 20; i++) { 
      itemList.add("Item " + i); 
     } 
     return itemList; 
    } 
} 

============================================= 
      RecyclerAdapter 
============================================= 
package adapters; 

import android.content.Context; 
import android.support.v7.widget.RecyclerView; 
import android.view.LayoutInflater; 
import android.view.View; 
import android.view.ViewGroup; 

import com.keshav.hideactionbarandfooterexample.R; 

import java.util.List; 

/* 
* RecyclerView Adapter that allows to add a header view. 
* */ 
public class RecyclerAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> { 

    private static final int TYPE_HEADER = 2; 
    private static final int TYPE_ITEM = 1; 
    private List<String> mItemList; 

    public RecyclerAdapter(List<String> itemList) { 
     mItemList = itemList; 
    } 

    @Override 
    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) { 
     Context context = parent.getContext(); 
     if (viewType == TYPE_ITEM) { 
      final View view = LayoutInflater.from(context).inflate(R.layout.recycler_item, parent, false); 
      return RecyclerItemViewHolder.newInstance(view); 
     } else if (viewType == TYPE_HEADER) { 
      final View view = LayoutInflater.from(context).inflate(R.layout.recycler_header, parent, false); 
      return new RecyclerHeaderViewHolder(view); 
     } 
     throw new RuntimeException("There is no type that matches the type " + viewType + " + make sure your using types correctly"); 
    } 

    @Override 
    public void onBindViewHolder(RecyclerView.ViewHolder viewHolder, int position) { 
     if (!isPositionHeader(position)) { 
      RecyclerItemViewHolder holder = (RecyclerItemViewHolder) viewHolder; 
      String itemText = mItemList.get(position - 1); // header 
      holder.setItemText(itemText); 
     } 
    } 

    public int getBasicItemCount() { 
     return mItemList == null ? 0 : mItemList.size(); 
    } 


    @Override 
    public int getItemViewType(int position) { 
     if (isPositionHeader(position)) { 
      return TYPE_HEADER; 
     } 

     return TYPE_ITEM; 
    } 

    @Override 
    public int getItemCount() { 
     return getBasicItemCount() + 1; // header 
    } 

    private boolean isPositionHeader(int position) { 
     return position == 0; 
    } 

} 

===================================================== 
     RecyclerHeaderViewHolder 
===================================================== 
package adapters; 

import android.support.v7.widget.RecyclerView; 
import android.view.View; 

public class RecyclerHeaderViewHolder extends RecyclerView.ViewHolder { 
    public RecyclerHeaderViewHolder(View itemView) { 
     super(itemView); 
    } 
} 

===================================================== 
       RecyclerItemViewHolder 
===================================================== 

package adapters; 

import android.support.v7.widget.RecyclerView; 
import android.view.View; 
import android.widget.TextView; 

import com.keshav.hideactionbarandfooterexample.R; 


public class RecyclerItemViewHolder extends RecyclerView.ViewHolder { 

    private final TextView mItemTextView; 

    public RecyclerItemViewHolder(final View parent, TextView itemTextView) { 
     super(parent); 
     mItemTextView = itemTextView; 
    } 

    public static RecyclerItemViewHolder newInstance(View parent) { 
     TextView itemTextView = (TextView) parent.findViewById(R.id.itemTextView); 
     return new RecyclerItemViewHolder(parent, itemTextView); 
    } 

    public void setItemText(CharSequence text) { 
     mItemTextView.setText(text); 
    } 

} 

=================================================== 
      activity_main.xml 
=================================================== 

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" 
       android:layout_width="match_parent" 
       android:layout_height="match_parent"> 

    <android.support.v7.widget.RecyclerView 
      android:id="@+id/recyclerView" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent"/> 

    <android.support.v7.widget.Toolbar 
      android:id="@+id/toolbar" 
      android:layout_width="match_parent" 
      android:layout_height="?attr/actionBarSize" 
      android:background="?attr/colorPrimary"/> 

    <ImageButton 
      android:id="@+id/fabButton" 
      android:layout_width="56dp" 
      android:layout_height="56dp" 
      android:layout_gravity="bottom|right" 
      android:layout_marginBottom="16dp" 
      android:layout_marginRight="16dp" 
      android:background="@drawable/fab_bcg" 
      android:src="@drawable/ic_favorite_outline_white_24dp" 
      android:contentDescription="@string/fab_description"/> 


    <RelativeLayout 
     android:layout_width="match_parent" 
     android:layout_height="match_parent"> 

    <android.support.v7.widget.Toolbar 
     android:id="@+id/toolbar_bottom" 
     android:layout_width="match_parent" 
     android:layout_alignParentBottom="true" 
     android:layout_height="?attr/actionBarSize" 
     android:background="?attr/colorPrimary"/> 

    </RelativeLayout> 

</FrameLayout> 


================================================== 
    recycle_header.xml in layout folder 
================================================== 

<?xml version="1.0" encoding="utf-8"?> 
<View xmlns:android="http://schemas.android.com/apk/res/android" 
     android:layout_width="match_parent" 
     android:layout_height="?attr/actionBarSize"/> 

================================================== 
    recycle_item.xml in layout folder 
================================================== 
<?xml version="1.0" encoding="utf-8"?> 
<android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:card_view="http://schemas.android.com/apk/res-auto" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_gravity="center" 
    android:layout_margin="8dp" 
    card_view:cardCornerRadius="4dp"> 
    <TextView 
     android:id="@+id/itemTextView" 
     android:layout_width="match_parent" 
     android:layout_height="?attr/listPreferredItemHeight" 
     android:gravity="center_vertical" 
     android:padding="8dp" 
     style="@style/Base.TextAppearance.AppCompat.Body2"/> 
</android.support.v7.widget.CardView> 


================================================= 
         styles.xml 
================================================= 
<resources> 

    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar"> 
    </style> 

    <style name="AppThemeRed" parent="AppTheme"> 
     <item name="colorPrimary">@color/color_primary_red</item> 
     <item name="colorPrimaryDark">@color/color_primary_red_dark</item> 
    </style> 

    <style name="AppThemeGreen" parent="AppTheme"> 
     <item name="colorPrimary">@color/color_primary_green</item> 
     <item name="colorPrimaryDark">@color/color_primary_green_dark</item> 
    </style> 

    <style name="AppThemeBlue" parent="AppTheme"> 
     <item name="colorPrimary">@color/color_primary_blue</item> 
     <item name="colorPrimaryDark">@color/color_primary_blue_dark</item> 
     <item name="colorAccent">@color/color_accent_pink</item> 
    </style> 

</resources> 

build.gradle Zależność

compile 'com.android.support:appcompat-v7:25.3.1' 
    compile 'com.android.support:recyclerview-v7:25.3.1' 
    compile 'com.android.support:cardview-v7:25.3.1' 
    compile 'com.android.support:design:25.3.1' 
+0

https://drive.google.com/file/d/0BzBKpZ4nzNzUcEhqMk9pSHVBdkU/view –

+0

drive.google.com/open?id=0BzBKpZ4nzNzUVi0xeU1UMjZHeFE ---- całość –

Powiązane problemy