RecycleView实现Gallery画廊效果，中间放大两边缩小

最新推荐文章于 2023-09-19 08:55:05 发布
VIP文章 最新推荐文章于 2023-09-19 08:55:05 发布
阅读量1.5w 收藏 21
点赞数 1
分类专栏： android 文章标签： RecycleView画廊 Recycl
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/vipdatoucth/article/details/64128290
版权

   

 通过给RecycleView设置滚动监听，在 onScrolled 中完成功能。

    具体的算法是：

1.规定缩放比例的最大值和最小值 MAX_SCALE(eg: 1.2f) 和 MIN_SCALE(eg:0.85f)

2.当滑动的时候，计算recycleview的所有可用的子view的左边界(left = View.getLeft())和右边界(left = View.getRight())的距离比例 percent = left <0|| right <0?0: Math.min(left, right) *1f/ Math.max(left, right);

3.计算每个子view的缩放比例：floatscaleFactor =MIN_SCALE+ Math.abs(percent) * (MAX_SCALE-

最低0.47元/天 解锁文章
vipdatoucth
关注
  • 1
    点赞
  • 踩
  • 21
    收藏
    觉得还不错? 一键收藏
  • 8
    评论
专栏目录
一个用RecyclerView实现的画廊效果，被选中item居中放大，效果很自然。
05-22
一个用RecyclerView实现的画廊效果，被选中item居中放大，效果很自然。
Recyclerview实现滑动放大ItemView
小小苏的小小苏
07-07 2067
Recyclerview实现滑动放大ItemView
recyclerview 弹性滑动 + 中间元素放大
weixin_34151004的博客
03-12 3093
import android.animation.ValueAnimator; import android.content.Context; import android.support.annotation.NonNull; import android.support.annotation.Nullable; import android.support.v7.widget.LinearLa...
RecyclerView实现item图片放大缩小
xige1995的博客
04-11 1200
一：实现adapter中imageView的点击事件实现放大 ((ShopDetailsViewHolder) holder).img_list.setOnClickListener(new View.OnClickListener() { @RequiresApi(api = Build.VERSION_CODES.LOLLIPOP) @Override pub...
RecyclerView 点击滑动居中,点击放大
听自己心跳的声音
03-12 1514
package com.hazens.kaolafm.fragment.broadcast; import android.content.Context; import android.graphics.PointF; import android.graphics.Rect; import android.support.v7.widget.LinearSmoothScroller; im...
竖着的Gallery，中间放大并压住两边
jiye111的博客
08-13 639
使用RecyclerView实现画廊效果，中间放大，并且压住两边 具体github：https://github.com/Azoft/CarouselLayoutManager 使用方法 1.添加依赖 2.添加布局，使用系统的recyclerview就好（记得导入recyclerview的包） Item 3.自定义adapter，一般要用到item点击事件，所以自己提...
RecyclerView滑动时添加缩放效果
最新发布
TouchOfSun的博客
09-19 374
此方法带一个dx参数，表示RecyclerView已经产生了dx的滑动距离，此时我们需要做的是调用相关方法，进行重新布局。onMeasure：用来测量RecyclerView的大小的。通常不用重写此方法，但是在一种情况下必须重写，LayouytManager不支持自动测量再重写它。难点：一开始想通过ItemDecoration实现头像的重叠，但是滚动后随着缩放动画的变化，距离一直变大，child的位置发生了变化，需要对以下方法进行重写。4、缩放的实现是随着距离的变化率而实现，没使用Animation。
一个自定义中间放大CollectionViewLayout
liubo的博客
07-09 255
根据cell距离屏幕中间的距离，设置cell的缩小系数，并通过设置 attributes.transform 缩小cell。
Android RecyclerView轮播图实现 支持放大动画
无bug不人生
05-03 1093
android studio的模拟器录屏会黑屏，也不知道是什么bug 效果演示 主要用到了PagerSnapHelper（使RecyclerView滑动表现和viewpager一致）和滑动监听器 样式 activity_main.xml <?xml version="1.0" encoding="utf-8"?> <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.andro.
gallery实现中间大两边小且图片带毛玻璃效果
03-19
gallery实现中间大两边小且图片带毛玻璃效果，适合初学者
Android-使用recyclerView实现画廊滑动效果
08-12
使用recyclerView实现画廊滑动效果！ 相对于viewpager，使用recyclerView的滑动性更流畅！两种方法任君选择。
Android App开发中使用RecyclerView实现Gallery画廊的实例
01-21
什么是RecyclerView         RecyclerView是Android 5.0 materials design中的组件之一，相应的还有CardView、Palette等。看名字我们就能看出一点端倪，没错，它主要的特点就是复用。我们知道，Listview中的Adapter中可以实现ViewHolder的复用。RecyclerView提供了一个耦合度更低的方式来复用ViewHolder，并且可以轻松的实现ListView、GridView以及瀑布流的效果。 RecyclerView使用的基本思路         首先我们要gradle的依赖库中添加  compile ‘com.
用RecyclerView制作Gallery画廊效果
10-29
使用AndroidL(5.0)最新提供的widget-RecyclerView制作的Gallery画廊效果demo，未添加Fragment左右策划效果。
Android开发实现Gallery画廊效果的方法
08-30
主要介绍了Android开发实现Gallery画廊效果的方法,结合具体实例形式分析了Android使用Gallery实现画廊功能的具体操作技巧与相关注意事项,需要的朋友可以参考下
recycleview实现3D画廊
11-29
利用recycleview实现3d画廊，解决gallery无法复用以及viewpager无法一次滑动很多条目的问题
RecyclerView实现画廊效果.htm
07-03
Android开发，基于RecyclerView实现照片画廊效果，选中位置居中显示，实现了第一个项目居中，最后一个项目居中，实现了RecyclerView平滑滑动
给出实现RecycleView Gallery的代码
06-08
好的，下面是一个简单的实现自定义RecycleView Gallery的示例代码。这个示例代码使用了自定义的LayoutManager和自定义的View来实现画廊效果。 首先，我们创建一个自定义的LayoutManager，名为GalleryLayoutManager： ```java public class GalleryLayoutManager extends LinearLayoutManager { private float mScale = 0.8f; // 缩放比例 public GalleryLayoutManager(Context context, int orientation, boolean reverseLayout) { super(context, orientation, reverseLayout); } @Override public int scrollHorizontallyBy(int dx, RecyclerView.Recycler recycler, RecyclerView.State state) { int scrolled = super.scrollHorizontallyBy(dx, recycler, state); float midpoint = getWidth() / 2.0f; float d0 = 0.0f; float d1 = mScale; float s0 = 1.0f; float s1 = mScale; for (int i = 0; i < getChildCount(); i++) { View child = getChildAt(i); float childMidpoint = (getDecoratedRight(child) + getDecoratedLeft(child)) / 2.0f; float d = Math.min(d1, Math.abs(midpoint - childMidpoint) / getWidth()); float scale = s0 + (s1 - s0) * (1.0f - d); child.setScaleX(scale); child.setScaleY(scale); } return scrolled; } } ``` 这个LayoutManager会在RecyclerView中创建一个水平滚动的画廊效果，并且会根据RecyclerView的滚动位置来动态调整每个子项的缩放比例，实现画廊效果。 然后，我们创建一个自定义的View，名为GalleryItemView： ```java public class GalleryItemView extends FrameLayout { private ImageView mImageView; public GalleryItemView(Context context) { super(context); init(); } public GalleryItemView(Context context, AttributeSet attrs) { super(context, attrs); init(); } public GalleryItemView(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); init(); } private void init() { LayoutInflater.from(getContext()).inflate(R.layout.view_gallery_item, this, true); mImageView = findViewById(R.id.image); } public void setImage(int resId) { mImageView.setImageResource(resId); } } ``` 这个View会在RecyclerView中的每个子项中显示一个图片，并且会根据LayoutManager的要求来动态调整自己的缩放比例。 最后，我们创建一个RecyclerView，并设置它的LayoutManager和Adapter： ```java public class GalleryActivity extends AppCompatActivity { private static final int[] IMAGES = { R.drawable.image1, R.drawable.image2, R.drawable.image3, R.drawable.image4, R.drawable.image5, R.drawable.image6, R.drawable.image7, R.drawable.image8, R.drawable.image9, R.drawable.image10, }; private RecyclerView mRecyclerView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_gallery); mRecyclerView = findViewById(R.id.recycler_view); mRecyclerView.setLayoutManager(new GalleryLayoutManager(this, LinearLayoutManager.HORIZONTAL, false)); mRecyclerView.setAdapter(new Adapter()); } private class Adapter extends RecyclerView.Adapter<ViewHolder> { @Override public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) { GalleryItemView itemView = new GalleryItemView(parent.getContext()); itemView.setLayoutParams(new RecyclerView.LayoutParams(300, 300)); return new ViewHolder(itemView); } @Override public void onBindViewHolder(ViewHolder holder, int position) { ((GalleryItemView) holder.itemView).setImage(IMAGES[position % IMAGES.length]); } @Override public int getItemCount() { return 100; } } private static class ViewHolder extends RecyclerView.ViewHolder { public ViewHolder(View itemView) { super(itemView); } } } ``` 这个示例代码会在RecyclerView中显示100个随机的图片，并且会以画廊的形式展示出来。 希望这个示例代码能够对你有所帮助！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 8
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值