自定义Recyalerview 折叠效果_rtl视图折叠-CSDN博客

本文链接：https://blog.csdn.net/qq_38459897/article/details/81410078

这些都是通过在网上找到的方法和群里大神的帮助写的一个动画列表这个列表并没什么特别难点，只不过我把这些融合在一起方便一次性找到不用挨个百度。

这里做的是一个两列的recyaliview 单列的比较简单下面这段代码应该可以用还没有尝试过如果有问题可以下方留言我在做修改px：我们不生产代码，我们只是代码的搬运工。

简介：自定义Recyalerview 折叠效果

adapter里面的图片使用自定义的imagview VR效果

MyItemTouchCallback 制作拖动效果

首先自定义RecyclerView 这个只是为了达到折叠

//自定义view
public class ParallaxRecyclerView extends RecyclerView {
public ParallaxRecyclerView(Context context) {
this(context, null);
}
public ParallaxRecyclerView(final Context context, @Nullable AttributeSet attrs) {
super(context, attrs);
if (isInEditMode()) {
return;
}
setLayoutManager(new LinearLayoutManager(context));
addItemDecoration(new ItemDecoration() {
@Override
public void getItemOffsets(Rect outRect, View view, RecyclerView parent, State state) {
super.getItemOffsets(outRect, view, parent, state);
//获取当前项的下标
final int currentPosition = parent.getChildLayoutPosition(view);
//获取最后一项的下标
final int lastPosition = state.getItemCount() - 1;
if (currentPosition != lastPosition) {
outRect.bottom = -dp2px(context, 10);
}
}
});
addOnScrollListener(new OnScrollListener() {
@Override
public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
super.onScrollStateChanged(recyclerView, newState);
}
@Override
public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
super.onScrolled(recyclerView, dx, dy);
// final GridLayoutManager layoutManager = new GridLayoutManager(getActivity(),2);
GridLayoutManager layoutManager = (GridLayoutManager) recyclerView.getLayoutManager();
int firstPosition = layoutManager.findFirstVisibleItemPosition();
int lastPosition = layoutManager.findLastVisibleItemPosition();
int visibleCount = lastPosition - firstPosition;
//重置控件的位置及高度
int elevation = 2;
for (int i = firstPosition - 1; i <= (firstPosition + visibleCount) + 1; i++) {
View view = layoutManager.findViewByPosition(i);
if (view != null) {
if (view instanceof CardView) {
firstPosition ++;
((CardView) view).setCardElevation(dp2px(context, elevation));
elevation += 5;
}
float translationY = view.getTranslationY();
if (i > firstPosition && translationY != 0) {
view.setTranslationY(0);
}
}
}
View firstView = layoutManager.findViewByPosition(firstPosition);
if (firstView != null) {
float firstViewTop = firstView.getTop();
firstView.setTranslationY(-firstViewTop / 2.0f);
}
//这里这段如果不是两列的可以删掉
View firstViews = layoutManager.findViewByPosition(firstPosition+1);
if (firstViews != null) {
float firstViewTop = firstViews.getTop();
firstViews.setTranslationY(-firstViewTop / 2.0f);
}
}
});
}
private int dp2px(Context context, float dipValue) {
final float scale = context.getResources().getDisplayMetrics().density;
return (int) (dipValue * scale + 0.5f);
}
}

集成进来 大家就会发现  滑动列表时候最上面的两条item有个折叠效果，网站有很多例子 这个 特别的就是集成了一个两列的  得到群里一个大神的帮助写出来的 ，本人表示这些代码根本看不懂！

接下来是vr效果首先拿也是集成一个自定义view

这个控件继承了 picasso的效果附带集成代码，dome上使用的比较旧打包的时候出错了下面是最新的picasso

compile 'com.squareup.picasso:picasso:2.5.2'

/**
* 创建时间: 2018/01/12 12:13 <br>
* 作者: jiangye <br>
* 描述: 可随陀螺仪滑动的自定义 ImageView 控件
*/
//以上是作者的名字
public class GyroscopeImageView extends ImageView {
private double mScaleX;
private double mScaleY;
private float mLenX;
private float mLenY;
protected double mAngleX;
protected double mAngleY;
private float mOffsetX;
private float mOffsetY;
public GyroscopeImageView(Context context) {
super(context);
init();
}
public GyroscopeImageView(Context context, @Nullable AttributeSet attrs) {
super(context, attrs);
init();
}
public GyroscopeImageView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
init();
}
private void init() {
setScaleType(ScaleType.CENTER);
}
@Override
public void setScaleType(ScaleType scaleType) {
super.setScaleType(ScaleType.CENTER);
}
public float getOffsetX() {
return mOffsetX;
}
public float getOffsetY() {
return mOffsetY;
}
@Override
protected void onAttachedToWindow() {
super.onAttachedToWindow();
GyroscopeManager gyroscopeManager = GyroscopeManager.getInstance();
if (gyroscopeManager != null) {
gyroscopeManager.addView(this);
}
}
@Override
protected void onDetachedFromWindow() {
super.onDetachedFromWindow();
GyroscopeManager gyroscopeManager = GyroscopeManager.getInstance();
if (gyroscopeManager != null) {
gyroscopeManager.removeView(this);
}
}
public void update(double scaleX, double scaleY) {
mScaleX = scaleX;
mScaleY = scaleY;
invalidate();
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
int width = MeasureSpec.getSize(widthMeasureSpec) - getPaddingLeft() - getPaddingRight();
int height = MeasureSpec.getSize(heightMeasureSpec) - getPaddingTop() - getPaddingBottom();
if (getDrawable() != null) {
int drawableWidth = getDrawable().getIntrinsicWidth();
int drawableHeight = getDrawable().getIntrinsicHeight();
mLenX = Math.abs((drawableWidth - width) * 0.5f);
mLenY = Math.abs((drawableHeight - height) * 0.5f);
}
}
@Override
protected void onDraw(Canvas canvas) {
if (getDrawable() == null || isInEditMode()) {
super.onDraw(canvas);
return;
}
mOffsetX = (float) (mLenX * mScaleX);
mOffsetY = (float) (mLenY * mScaleY);
canvas.save();
canvas.translate(mOffsetX, mOffsetY);
super.onDraw(canvas);
canvas.restore();
}
@Override
public boolean equals(Object obj) {
return super.equals(obj);
}
@Override
public int hashCode() {
return super.hashCode();
}
}

引用自定义view就不bb了然后就是每个time的显示imagview的代码其实这个可以用你原本写的显示图片的的代码只不过使用picasso可控制里面可以控制图片的大小，有些从网络上获取的参数图片大小不一样如果不进行拉伸或者缩小效果会很差，transform里面就是给图片固定的宽高不管图片多大都把图片的宽高写死 ps：VR效果根据图片的宽高做的效果只要不小于view就可以显示效果

我这边是用的这个控件不懂就去百度

int displayHeight = DeviceDimensionsHelper.getDisplayWidth(iv_cover.getContext());

Picasso.with(context)
.load(item.getCover())
//这里宽高，别无脑复制（w，h）
.transform(new GyroscopeTransFormation(displayHeight / 2 - 20, displayHeight / 2 - 20))
.into(iv_cover);

ok！运行晃动下手机！是不是炫

下面在做拖动效果这个比上面的稍微复杂一点你们只需要耐心的看完我的BB就可以继承进来

首先写adapter 这个用过rv的同学都有基础因为我项目的adapter是自定义的解释起来比较麻烦，所以只给部分需要的代码，你们就按照你们的rv开始写

首先

final GridLayoutManager layoutManager = new GridLayoutManager(getActivity(),2);//两列

mRecyclerView.setLayoutManager(layoutManager);//继承两列

mRecyclerView.setItemAnimator(new DefaultItemAnimator());//嘿嘿

在添加数据后 setadapter前添加

MyItemTouchCallback callback = new MyItemTouchCallback(mHomeAdapter);
ItemTouchHelper itemTouchHelper = new ItemTouchHelper(callback);
itemTouchHelper.attachToRecyclerView(mRecyclerView);

MyItemTouchCallback

public class MyItemTouchCallback extends ItemTouchHelper.Callback {
https://tieba.baidu.com/p/5823807858
private HomeAdapter<IndexListBean.DataBean> adapter;
https://tieba.baidu.com/p/5823810338
private int mBackgroundColor = Color.WHITE;
private int mDragcolor = Color.parseColor("#f5f5f5");
https://tieba.baidu.com/p/5823813513
public MyItemTouchCallback(HomeAdapter<IndexListBean.DataBean> adapter){
this.adapter = adapter;
}https://tieba.baidu.com/p/5823817041
@Override
public int getMovementFlags(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {
if (recyclerView.getLayoutManager() instanceof GridLayoutManager) {
final int dragFlags = ItemTouchHelper.UP | ItemTouchHelper.DOWN | ItemTouchHelper.LEFT | ItemTouchHelper.RIGHT;
final int swipeFlags = 0;
return makeMovementFlags(dragFlags, swipeFlags);
} else {
final int dragFlags = ItemTouchHelper.UP | ItemTouchHelper.DOWN;
//final int swipeFlags = ItemTouchHelper.START | ItemTouchHelper.END;
final int swipeFlags = 0;
return makeMovementFlags(dragFlags, swipeFlags);
https://tieba.baidu.com/p/5823817879
@Override
public boolean onMove(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, RecyclerView.ViewHolder target) {
https://tieba.baidu.com/p/5823820381
int fromPosition = viewHolder.getAdapterPosition();//得到拖动ViewHolder的position
int toPosition = target.getAdapterPosition();//得到目标ViewHolder的position
adapter.onMove(fromPosition,toPosition);
return true;
}
https://tieba.baidu.com/p/5823824205
@Override
public void onSwiped(RecyclerView.ViewHolder viewHolder, int direction) {
int position = viewHolder.getAdapterPosition();
adapter.onSwiped(position);
}
https://tieba.baidu.com/p/5823828875
@Override
public void onChildDraw(Canvas c, RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, float dX, float dY, int actionState, boolean isCurrentlyActive) {
if (actionState == ItemTouchHelper.ACTION_STATE_SWIPE) {
// 滑动时改变Item的透明度
final float alpha = 1 - Math.abs(dX) / (float) viewHolder.itemView.getWidth();
viewHolder.itemView.setAlpha(alpha);
viewHolder.itemView.setTranslationX(dX);
} else {
super.onChildDraw(c, recyclerView, viewHolder, dX, dY, actionState, isCurrentlyActive);
https://tieba.baidu.com/p/5823829350
https://tieba.baidu.com/p/5823829570
@Override
public void onSelectedChanged(RecyclerView.ViewHolder viewHolder, int actionState) {
if (actionState != ItemTouchHelper.ACTION_STATE_IDLE) {
viewHolder.itemView.setBackgroundColor(mDragcolor);
}
super.onSelectedChanged(viewHolder, actionState);
}
@Override
public void clearView(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {
super.clearView(recyclerView, viewHolder);
viewHolder.itemView.setAlpha(1.0f);
viewHolder.itemView.setBackgroundColor(mBackgroundColor);
}
/**
* 设置普通状态的背景色
* @param backgroundColor
*/
public void setBackgroundColor(int backgroundColor){
mBackgroundColor = backgroundColor;
}
/**
* 设置被拖动时候的背景色
* @param dragcolor
*/
public void setDragcolor(int dragcolor){
mDragcolor = dragcolor;
}
}