Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
 

  • Expandable RecyclerView with Animation in Android

    @sarabjeet.kaur
    Recommendations Offline Message

    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 1
    • 0
    • 1.24k
    Comment on it

    Expandable RecyclerView contains two views one is parent view and other is child view. Parent is visible by default but the child view has to be expanded and collapsed. It will expand when we click on parent view.

    Let's see the Implementation of Expandable RecyclerView with Animation.


     

     

     To Use RecyclerView in your project compile recyclerview library in your projects Gradle (app level).

     

        implementation 'com.android.support:recyclerview-v7:26.1.0'

     Take ListView height "0" in xml and calculate its height of the basis of subitems in data and set listview on RecyclerView's item Click.

    1. holder.itemView.setOnClickListener(new View.OnClickListener() {
    2.  @Override
    3.  public void onClick(View view) {
    4.  listAdapter = new ListAdapter(context,data);
    5.  
    6.  if(holder.listView.getHeight()==0){
    7.  holder.listView.setAdapter(listAdapter);
    8.  setListViewHeightBasedOnItems(holder.listView,true);
    9.  }else{
    10.  setListViewHeightBasedOnItems(holder.listView,false);
    11.  }
    12.  }
    13.  });
    14.  /**
    15.  * method to calculate the height of listview
    16.  * @param listView
    17.  * @param visible
    18.  * @return
    19.  */
    20.  public boolean setListViewHeightBasedOnItems(final ListView listView,boolean visible) {
    21.  
    22.  if (listAdapter != null) {
    23.  
    24.  int numberOfItems = listAdapter.getCount();
    25.  
    26.  // Get total height of all items.
    27.  int totalItemsHeight = 0;
    28.  for (int itemPos = 0; itemPos < numberOfItems; itemPos++) {
    29.  View item = listAdapter.getView(itemPos, null, listView);
    30.  float px = 500 * (listView.getResources().getDisplayMetrics().density);
    31.  item.measure(View.MeasureSpec.makeMeasureSpec((int)px, View.MeasureSpec.AT_MOST), View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED));
    32.  totalItemsHeight += item.getMeasuredHeight();
    33.  }
    34.  
    35.  // Get total height of all item dividers.
    36.  int totalDividersHeight = listView.getDividerHeight() *
    37.  (numberOfItems - 1);
    38.  // Get padding
    39.  int totalPadding = listView.getPaddingTop() + listView.getPaddingBottom();
    40.  
    41.  listViewVisbility(visible,listView,totalItemsHeight,totalDividersHeight,totalPadding);
    42.  return true;
    43.  
    44.  } else {
    45.  return false;
    46.  }
    47.  
    48.  }
    49.  
    50.  
    51.  
    52.  /**
    53.  * method to set animation
    54.  * @param visible
    55.  * @param listView
    56.  * @param totalItemsHeight
    57.  * @param totalDividersHeight
    58.  * @param totalPadding
    59.  */
    60.  public void listViewVisbility(boolean visible,final ListView listView,int totalItemsHeight,int totalDividersHeight,int totalPadding){
    61.  
    62.  final ViewGroup.LayoutParams params = listView.getLayoutParams();
    63.  params.height = totalItemsHeight + totalDividersHeight + totalPadding;
    64.  listView.setLayoutParams(params);
    65.  listView.requestLayout();
    66.  
    67.  ValueAnimator widthAnimator = ValueAnimator.ofInt(0, params.height);
    68.  if (visible)
    69.  widthAnimator = ValueAnimator.ofInt(0, params.height);
    70.  else
    71.  widthAnimator = ValueAnimator.ofInt( params.height,0);
    72.  widthAnimator.setDuration(300);
    73.  widthAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
    74.  @Override
    75.  public void onAnimationUpdate(ValueAnimator animation) {
    76.  int animatedValue = (int) animation.getAnimatedValue();
    77.  listView.getLayoutParams().height = animatedValue;
    78.  listView.requestLayout();
    79.  }
    80.  });
    81.  widthAnimator.start();
    82.  }
    83.  
    84.  


    For SourceCode kindly find attachment

    Expandable RecyclerView with Animation in Android
    Android Expandable RecyclerView Expandable RecyclerView with Animation
    Comment on it

 0 Comment(s)

Sign In
Forgot Password?
                           OR                           
Create an account !!
                           OR                           
Register

Sign up using

                           OR                           
Forgot Password
Reset Password
Fill out the form below and reset your password: