老规矩,先上图:
这个效果其实就是在上篇的HorizontalLayoutmanager的基础上进行修改
1、可以看到条目的起始位置是从屏幕的一半的地方再减去item宽度的一半的位置开始,而且每个item都是叠在上一个item宽度一般的位置
mStartX = getWidth()/2 - getItemShowWidth(); for (int i = 0; i < getItemCount(); i++) { Rect rect = new Rect(mStartX + temp, 0, mStartX + temp + mItemWidth, itemHeight); mSparseArray.put(i, rect); mBooleanArray.put(i, false); temp += getItemShowWidth(); } private int getItemShowWidth() { return mItemWidth / 2;}
2、我们可以看到所有的item都重叠起来了,画廊的效果是中间的item完全显示,而其它地方都只显示了一半,这里我们要重写Recycleview中的方法,来改变item绘制的顺序,我们想要画廊的效果是中间显示其它显示一半,所以我们中间的item最后来绘制,这里介绍下Recycleview中的这个方法
@Override protected int getChildDrawingOrder(int childCount, int i) { if (mChildDrawingOrderCallback == null) { return super.getChildDrawingOrder(childCount, i); } else { return mChildDrawingOrderCallback.onGetChildDrawingOrder(childCount, i); } }
childCount表示屏幕中可见的item个数,i表示要绘制的条目位置,i越小越先绘制,如下所示:
前三个条目的位置和索引一样不用变,中间的为childCount-1,倒数第二个的绘图顺序是center,倒数第二个的绘图顺序是center+1,倒数第三个的绘图顺序是center+2,所以后三个对应的为center + childCount- 1 - i
public class GalleryRecycleview extends RecyclerView { public GalleryRecycleview(Context context) { this(context,null); } public GalleryRecycleview(Context context, @Nullable AttributeSet attrs) { super(context, attrs); setChildrenDrawingOrderEnabled(true); } @Override protected int getChildDrawingOrder(int childCount, int i) { int center = getlayoutManager().getCenterPos() - getlayoutManager().getFistvisiblePos(); //计算正在显示的所有Item的中间位置 int order; if (i == center) { order = childCount - 1; } else if (i > center) { order = center + childCount - 1 - i; } else { order = i; } return order; }
在layoutmanager中获取第一个可见item和中间item的位置
public int getCenterPos() { int pos = (mTotalMoveX / getItemShowWidth()); int more = (mTotalMoveX % getItemShowWidth()); if (more > getItemShowWidth() * 0.5f) pos++; return pos; } public int getFistvisiblePos() { if(getItemCount()==0){ return 0; } return getPosition(getChildAt(0)); }
可以看到已经是最后才绘制中间的item了
3、接着我们在layoutChild的时候加上动画
private void handleChildView(View child, int moveX) { float radio = computeScale(moveX); float rotation = computeRotationY(moveX); child.setScaleX(radio); child.setScaleY(radio); child.setRotationY(rotation); } private float computeScale(int x) { float scale = 1 - Math.abs(x * 1.0f / (6f * getItemShowWidth())); if (scale < 0) scale = 0; if (scale > 1) scale = 1; return scale; } /** * 最大Y轴旋转度数 */ private float M_MAX_ROTATION_Y = 30.0f; private float computeRotationY(int x) { float rotationY; rotationY = -M_MAX_ROTATION_Y * x / getItemShowWidth(); if (Math.abs(rotationY) > M_MAX_ROTATION_Y) { if (rotationY > 0) { rotationY = M_MAX_ROTATION_Y; } else { rotationY = -M_MAX_ROTATION_Y; } } return rotationY; }
就和最上面的效果一样了
先自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则近万的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《Android移动开发全套学习资料》送给大家,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助,可以扫码领取!!!!
结尾
好了,今天的分享就到这里,如果你对在面试中遇到的问题,或者刚毕业及工作几年迷茫不知道该如何准备面试并突破现状提升自己,对于自己的未来还不够了解不知道给如何规划,可以来看看同行们都是如何突破现状,怎么学习的,来吸收他们的面试以及工作经验完善自己的之后的面试计划及职业规划。
这里放上一部分我工作以来以及参与过的大大小小的面试收集总结出来的一套进阶学习的视频及面试专题资料包,主要还是希望大家在如今大环境不好的情况下面试能够顺利一点,希望可以帮助到大家~
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》,点击传送门,即可免费领取!
构视频+大厂面试真题+项目实战源码》,点击传送门,即可免费领取!**