Android RecycleView Item 动画展开详情的另一种简单实现

话不多说,先来看个效果:


Android RecycleView Item 动画展开详情的另一种简单实现_第1张图片

一般网上很多人,RecycleView Item展开的效果的思路就是通过item的add和remove来实现,但是图中的效果会出现哪些问题呢?

  • 每个item是有圆角的
  • 每个item是有间距的

如果也是通过add和remove来实现,怎么保证下拉的那部分内容的间距是�没有的,又怎么保证圆角一直会往下移动。都是比较麻烦的,也不是说一定没有办法。总之处理起来比较恶心。不过并不是这种方案不好,毕竟没有万能的方案,只有适合的方案。

add和remove来实现的方案可以参考下面几篇文章

Android -- RecyclerView(超简单)实现可展开列表

ExpandableRecyclerview

expandable-recycler-view

�好,说源码之前,我们先说下我们的思路。

  • 外围控件就是简单的RecycleView
  • recycleView里的item的父view是cardview,为了方便的支持圆角
  • 点击下拉说白了就是简单的一个visiable以及gone的动画效果。

源码来了:

由于用到了recycleview和cardview,首先你必须在gradle里集成以下:


dependencies {
    //**** your other compile *****
    compile 'com.android.support:recyclerview-v7:25.3.1'
    compile 'com.android.support:cardview-v7:25.0.0'
}

接着在activty里集成recycleview的布局


actvity_main.xml:



    
    
    
    

然后是recycleview 每个item的布局,如下:


item_normal.xml:



    
        
        
            
                
                
            
            
        
    


在改item对应的viewholder里编写展开和隐藏的的逻辑,我这边截取了一些片段:


if (mExpandableView.getVisibility() == View.VISIBLE) {
    animClose(mExpandableView);
} else {
    animOpen(mExpandableView);
}

private void animOpen(final View view){
    view.setVisibility(View.VISIBLE);
    view.setAlpha(0);
    if (mOpenValueAnimator == null) {
        mOpenValueAnimator = createDropAnim(view,0, mHiddenViewMeasuredHeight);
    }
    mOpenValueAnimator.start();
}

private void animClose(final View view){
    int origHeight = view.getHeight();
    view.setAlpha(1);
    if (mCloseValueAnimator == null) {
        mCloseValueAnimator = createDropAnim(view, origHeight, 0);
        mCloseValueAnimator.addListener(new AnimatorListenerAdapter() {
            @Override
            public void onAnimationEnd(Animator animation) {
                view.setVisibility(View.GONE);
            }
        });
    }
    mCloseValueAnimator.start();
}

private ValueAnimator createDropAnim(final  View view,int start,int end) {
    final ValueAnimator va = ValueAnimator.ofInt(start, end);
    va.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
    @Override
    public void onAnimationUpdate(ValueAnimator animation) {
        int value = (int) animation.getAnimatedValue();//根据时间因子的变化系数进行设置高度
        ViewGroup.LayoutParams layoutParams = view.getLayoutParams();
        layoutParams.height = value;

        float alpha = ((float)value) / mHiddenViewMeasuredHeight;
        view.setAlpha(alpha);

        view.setLayoutParams(layoutParams);//设置高度
        }
    });
    return  va;
}

核心逻辑就这么多,具体源码我以上传Github上。欢迎大家star哈。

你可能感兴趣的:(Android RecycleView Item 动画展开详情的另一种简单实现)