UICollectionView下拉使header放大模糊

模糊主要使用UIVisualEffectView，这只在ios8以后适用

//模糊的遮罩view
@property(nonatomic,strong) UIVisualEffectView *effectView;
@property(nonatomic,strong) CollectionviewLayout *layout;CollectionviewLayout *layout = [[CollectionviewLayout alloc]init];
layout.itemSize = CGSizeMake(mScreenWidth, 40);
layout.headerReferenceSize = CGSizeMake(mScreenWidth, collectionViewHeaderHeight);
self.layout = layout;

遮罩view的设置

UIBlurEffect *blur = [UIBlurEffect effectWithStyle:(UIBlurEffectStyleLight)];
UIVisualEffectView *effectView = [[UIVisualEffectView alloc] initWithEffect:blur];
effectView.alpha = 0;
self.effectView = effectView;
[_collectionView addSubview:_effectView];

header是UIImageView,大小为layout.headerReferenceSize
模糊是在-(void)scrollViewDidScroll:(UIScrollView *)scrollView中写

-(void)scrollViewDidScroll:(UIScrollView *)scrollView{CGFloat offSetY = scrollView.contentOffset.y;CGFloat deltaY = fabs(offSetY);if (offSetY < 0) {CGSize headerSize = [self.layout headerReferenceSize];CGRect headRect = CGRectZero;headRect.size.height = headerSize.height + deltaY;headRect.size.width = headerSize.width + deltaY;headRect.origin.y = headRect.origin.y - deltaY;headRect.origin.x = headRect.origin.x - deltaY/2;//UIVisualEffectView的frame应与header的ImageView的frame相同//上述headRect也为header的imageView的frameself.effectView.frame = headRect;self.effectView.alpha = deltaY/collectionViewHeaderHeight*1.5 ;}
}

效果为

转载于:https://www.cnblogs.com/Apologize/p/6306578.html

UICollectionView下拉使header放大模糊相关推荐

仿QQ空间，百思不得姐下拉刷新图片放大
1.概述实习生进阶到项目部分会带他们做一个百思不得姐项目,那么个人主页就有类似于QQ空间下拉图片放大的效果,趁着现在还闲就实现一下效果: 2．实现 1．效果分析 ScrollView和ListVi ...
【项目实战】select+input实现下拉框左右选择+模糊查询功能
前言: 在项目中用遇到下拉框左右选择的需求,而easyui没有找到合适的插件,就想着用listbox来实现,但后来针对这个项目中没有想到合适的办法(ps:大家有了可以推荐哟),从网上看了一些demo, ...
自定义SmartRefreshLayout 下拉刷新Header（水浪+齿轮动画）
自定义SmartRefreshLayout(version 1.0.5.1)使用的下拉刷新头 implementation 'com.scwang.smartrefresh:SmartRefreshL ...
仿面包旅行个人中心下拉顶部背景放大高斯模糊效果
HeaderView.h // // HeaderView.h // 仿面包旅行个人中心 // // Created by wb145230@163.com on 15/5/14. // Copyri ...
SmartRefreshLayout 下拉刷新上拉加载框架
首先,放上该智能第三方库的GitHub地址https://github.com/scwang90/SmartRefreshLayout/tree/master 使用步骤 1.在build.gradle ...
安卓下拉刷新、上拉加载数据显示
整个是一个scrollView,嵌套一个线性布局,下拉刷新.或者上拉加载后,通过addView()方法,加载消息体,每一个消息体是一个复杂的子view. 做一个类似qq客户端"好友动态&qu ...
swift添加下拉刷新_React Native自定义下拉刷新组件
React Native 自定义下拉刷新组件 PullToRefresh 针对猴急一些的同学,可以先在这个 Expo网站在线运行下demo看看效果 . 完整的代码,在 Github仓库 . 下拉刷新, ...
android 列表上拉加载更多,Android 下拉刷新,上拉加载更多控件–支持ListView,GridView和ScrollView...
麦洛遇到这样一个需求,实现类似于IOS下拉刷新,上拉加载更多的控件.麦洛google,baidu了一番,网上有不少实现,比较常见的是国外牛人的实现,不过国外的实现基本上都是扩展于ListView,所以 ...
android多个下拉控件,Android实现支持所有View的通用的下拉刷新控件
下拉刷新对于一个app来说是必不可少的一个功能,在早期大多数使用的是chrisbanes的PullToRefresh,或是修改自该框架的其他库.而到现在已经有了更多的选择,github上还是有很多体验 ...

UICollectionView下拉使header放大模糊

UICollectionView下拉使header放大模糊相关推荐

最新文章

热门文章