服务器之家:专注于服务器技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|Java教程|ASP教程|编程技术|正则表达式|C/C++|IOS|C#|Swift|Android|VB|R语言|JavaScript|易语言|vb.net|

服务器之家 - 编程语言 - IOS - iOS使用UICollectionView实现列表头部拉伸效果

iOS使用UICollectionView实现列表头部拉伸效果

2021-04-25 19:43Break__Self IOS

这篇文章主要介绍了iOS使用UICollectionView实现列表头部拉伸效果,OC和Swift两个版本,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了ios实现列表下拉放大效果展示的具体代码,供大家参考,具体内容如下

先看效果图

iOS使用UICollectionView实现列表头部拉伸效果

突然发现没有做出来之前都觉得蛮难的,做出来之后就觉得so easy 大家都有这样的感触吧

做这个就重写 uicollectionviewflowlayout 的几个方法就可以

oc版本

创建一个类 customcollectionviewflowlayout 继承 uicollectionviewflowlayout

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
//
// customcollectionviewflowlayout.m
//
//
// created by gonghui_yj on 16/8/4.
// copyright © 2016年 yangjian. all rights reserved.
//
 
#import "customcollectionviewflowlayout.h"
 
@implementation customcollectionviewflowlayout
 
- (bool)shouldinvalidatelayoutforboundschange:(cgrect)newbounds
{
  return yes;
}
 
- (nsarray *)layoutattributesforelementsinrect:(cgrect)rect {
 
  uicollectionview *collectionview = [self collectionview];
  uiedgeinsets insets = [collectionview contentinset];
  cgpoint offset = [collectionview contentoffset];
  cgfloat miny = -insets.top;
 
  nsarray *attributes = [super layoutattributesforelementsinrect:rect];
 
  if (offset.y < miny) {
 
    cgsize headersize = [self headerreferencesize];
    cgfloat deltay = fabsf(offset.y - miny);
 
    for (uicollectionviewlayoutattributes *attrs in attributes) {
 
      if ([attrs representedelementkind] == uicollectionelementkindsectionheader) {
 
        cgrect headerrect = [attrs frame];
        headerrect.size.height = max(miny, headersize.height + deltay);
        headerrect.origin.y = headerrect.origin.y - deltay;
        [attrs setframe:headerrect];
        break;
      }
    }
  }
 
  return attributes;
}
 
@end

在控制器中使用 先导入头文件

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
// 创建collectionview
  customcollectionviewflowlayout *flowlayout=[[customcollectionviewflowlayout alloc] init];
  [flowlayout setsectioninset:uiedgeinsetsmake(0, 0, 10, 0)];
  [flowlayout setitemsize:cgsizemake(kscreenwidth / collectioncellw, kscreenwidth / collectioncellw)];
  [flowlayout setheaderreferencesize:cgsizemake(kscreenwidth, userinfoimageviewh)];
  [flowlayout setfooterreferencesize:cgsizemake(kscreenwidth, 83)];
  [flowlayout setscrolldirection:uicollectionviewscrolldirectionvertical];
  [flowlayout setminimuminteritemspacing:0.0];
  [flowlayout setminimumlinespacing:0.0];
 
  self.homecollectionview = [[uicollectionview alloc]initwithframe:cgrectmake(0, 0, kscreenwidth, kscreenheight - 44)collectionviewlayout:flowlayout];
  self.homecollectionview.backgroundcolor = kviewbackgroundcolor;
  self.homecollectionview.alwaysbouncevertical = yes;
  self.homecollectionview.showsverticalscrollindicator = no;
  //设置代理
  self.homecollectionview.delegate = self;
  self.homecollectionview.datasource = self;
  [self.view addsubview:self.homecollectionview];
 
  // 注册表头
  [self.homecollectionview registerclass:[yjheadercollectionreusableview class] forsupplementaryviewofkind:uicollectionelementkindsectionheader withreuseidentifier:kcollectionheaderview];
 
  // 注册表尾
  [self.homecollectionview registerclass:[uicollectionreusableview class] forsupplementaryviewofkind:uicollectionelementkindsectionfooter withreuseidentifier:kcollectionfooterview];

swift版

喜欢swift 不需要导入头文件那么麻烦

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
//
// customcollectionviewflowlayout.swift
//
//
// created by gonghui_yj on 16/8/4.
// copyright © 2016年yangjian. all rights reserved.
//
 
import uikit
 
class customcollectionviewflowlayout: uicollectionviewflowlayout {
 
  override func shouldinvalidatelayoutforboundschange(newbounds: cgrect) -> bool {
    return true
  }
 
  override func layoutattributesforelementsinrect(rect: cgrect) -> [uicollectionviewlayoutattributes]? {
    let collectionview = self.collectionview
    let insets = collectionview?.contentinset
    let offset = collectionview?.contentoffset
    let miny = -((insets?.top)!)
 
    let attributesarray = super.layoutattributesforelementsinrect(rect)
    if offset!.y < miny {
      let headersize = self.headerreferencesize
      let deltay = cgfloat(fabsf(float((offset?.y)! - cgfloat(miny))))
 
      for attrs:uicollectionviewlayoutattributes in attributesarray! {
 
        if attrs.representedelementkind == uicollectionelementkindsectionheader {
          var headerrect = attrs.frame
          headerrect.size.height = max(miny, headersize.height + deltay)
          headerrect.origin.y = headerrect.origin.y - deltay
          attrs.frame = headerrect
          break
        }
      }
    }
 
    return attributesarray
  }
 
}

在控制器 viewdidload方法实现

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
let customflowlayout = customcollectionviewflowlayout()
  customflowlayout.headerreferencesize = cgsizemake(kscreenwidth, 203)
  customflowlayout.footerreferencesize = cgsizemake(kscreenwidth, 83)
  customflowlayout.minimuminteritemspacing = 0
  customflowlayout.minimumlinespacing = 0
  customflowlayout.itemsize = cgsizemake(kscreenwidth / 3.000006, kscreenwidth / 3.00006)
  customflowlayout.sectioninset = uiedgeinsetsmake(0, 0, 10, 0)
 
  self.homecollectionview.setcollectionviewlayout(customflowlayout, animated: true)
  self.homecollectionview.backgroundcolor = kviewbackgroundcolor
  self.homecollectionview.alwaysbouncevertical = true
  let nib = uinib(nibname: "commoncollectionviewcell", bundle: nil)
  self.homecollectionview.registernib(nib, forcellwithreuseidentifier: cellid)
 
  // 注册表头表尾
  let headernib = uinib(nibname: "headercollectionreusableview", bundle: nil)
  self.homecollectionview.registernib(headernib, forsupplementaryviewofkind: uicollectionelementkindsectionheader, withreuseidentifier: collectionheaderid)
 
  self.homecollectionview.registerclass(uicollectionreusableview.classforcoder(), forsupplementaryviewofkind: uicollectionelementkindsectionfooter, withreuseidentifier: collectionfooterid)

注:不要实现uicollectionviewdelegateflowlayout的代理方法了。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持服务器之家。

原文链接:https://blog.csdn.net/yj229201093/article/details/52121925

延伸 · 阅读

精彩推荐
  • IOSiOS通过逆向理解Block的内存模型

    iOS通过逆向理解Block的内存模型

    自从对 iOS 的逆向初窥门径后,我也经常通过它来分析一些比较大的应用,参考一下这些应用中某些功能的实现。这个探索的过程乐趣多多,不仅能满足自...

    Swiftyper12832021-03-03
  • IOSiOS中tableview 两级cell的展开与收回的示例代码

    iOS中tableview 两级cell的展开与收回的示例代码

    本篇文章主要介绍了iOS中tableview 两级cell的展开与收回的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧...

    J_Kang3862021-04-22
  • IOSIOS 屏幕适配方案实现缩放window的示例代码

    IOS 屏幕适配方案实现缩放window的示例代码

    这篇文章主要介绍了IOS 屏幕适配方案实现缩放window的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要...

    xiari5772021-06-01
  • IOS解析iOS开发中的FirstResponder第一响应对象

    解析iOS开发中的FirstResponder第一响应对象

    这篇文章主要介绍了解析iOS开发中的FirstResponder第一响应对象,包括View的FirstResponder的释放问题,需要的朋友可以参考下...

    一片枫叶4662020-12-25
  • IOSiOS 雷达效果实例详解

    iOS 雷达效果实例详解

    这篇文章主要介绍了iOS 雷达效果实例详解的相关资料,需要的朋友可以参考下...

    SimpleWorld11022021-01-28
  • IOS关于iOS自适应cell行高的那些事儿

    关于iOS自适应cell行高的那些事儿

    这篇文章主要给大家介绍了关于iOS自适应cell行高的那些事儿,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的...

    daisy6092021-05-17
  • IOSiOS布局渲染之UIView方法的调用时机详解

    iOS布局渲染之UIView方法的调用时机详解

    在你刚开始开发 iOS 应用时,最难避免或者是调试的就是和布局相关的问题,下面这篇文章主要给大家介绍了关于iOS布局渲染之UIView方法调用时机的相关资料...

    windtersharp7642021-05-04
  • IOSIOS开发之字典转字符串的实例详解

    IOS开发之字典转字符串的实例详解

    这篇文章主要介绍了IOS开发之字典转字符串的实例详解的相关资料,希望通过本文能帮助到大家,让大家掌握这样的方法,需要的朋友可以参考下...

    苦练内功5832021-04-01