• Objective-c——UI基础开发第十一天(UICollectionView)


    一、知识点

    1、UICollectionView的dataSource 、delegate

    2、UICollectionView多组数据和单组数据的展示

    3、UICollectionView、UICollectionViewFlowLayout的常见属性

    4、UICollectionViewCell的三种注册方式(class、nib、storyboard)

      a、UICollectionView 和 tableview共享一套API   

      不同:

      1、实例化collectionView必须传入一个非空的layout布局对象 layout:主要针对 cell的各个属性操控        (UICollectionViewLayout 啥都没有只是定义了必须实现的方法/UICollectionViewFlowLayout 是上面的子类)

      2、必须要注册cell tableviewcell 可以在返回cell 的时候做为空判断,但是这个collectionviewcell必须注册

      xib :必须设置重用标识符,且registerNib 如果regsterClass的话,里面的东西是看不见的

      class :register

       storyboard:必须设置重用标识符

    5、自定义UICollectionViewFlowLayout布局

    二、UICollectionVIew

    实现九宫格数据展示,继承自UIScrollView 因此,支持垂直滚动或水平滚动,性能极佳。

    (UITableView 虽然可以实现水平滚动,但是需要将其的坐标反转,实现起来复杂)

    ScrollView 可以横向展示但是:如果显示数量大的话,需要不断的添加,性能低)

    对比TableView和UICollectionView

    1、如果使用collectionView也会有缓冲池,实现cell的复用,性能高

    2、足够的灵活,体现在图片照片的浏览,类似coverFlow效果,最强大的优势是它的布局

    3、UICollectionView 在ios6中推出,与tableview共享API设计,其特色是完全灵活的布局。

    4、UITableView 和UICollectionView都是由dataSource 和delegate驱动,为其子视图集扮演容器,对它们真实存放的内容不知情

    5、UICollectionView 默认背景色为黑色

    三、UICollectionView 的三种创建方式:

    1、class创建

    1.2)纯代码创建的时候还需要一下过程(因为纯代码的时候和试图不一样,试图会默认创建layout)

    步骤1)实例化layout 2)在实例化collectionView的时候,初始化layout 3)注册cell 4)代理控制器 5)添加到视图

    2、Nib注册(注意,需要在xib文件中,定义cell 的 重用标识符,并且需要使用registerNib

    2.1)还要注意如何获取nib文件中,cell的大小

    1)根据cell类,获取它的cell大小

    2)将cell的大小赋值给flowLayout

    3)利用flowLayout中itemSize修改cell的大小

    3、使用storyboard创建(注意定义storyboard中cell 的重用标识符)

    直接使用

     UICollectionViewCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:identifier forIndexPath:indexPath];

    其余的都可以不用设置

    四、layout 和 collectionView 的一些属性设置

    1、#pragma mark -  屏幕旋转的时候调用(viewWillTransitionToSize) 从而实现UICollectionView在旋转的时候大小依旧符合屏幕

    - (void)viewWillTransitionToSize:(CGSize)size withTransitionCoordinator:(id<UIViewControllerTransitionCoordinator>)coordinator {

     2、关于UICollectionViewLayout 和 UICollectionViewFlowLayout的比较

     两种基本布局

         UICollectionViewLayout:流水布局的父类,是最纯净的一个layout(就像self view)

                    invalidateLayout /registerClass/registerNib 没有设置size之类的

         

         UICollectionViewFlowLayout :流水布局是在UICollectionViewLayout实在父类上做了一些相应的扩展

                    必须设置的两样东西   1、布局的对象 2、 注册一个cell

         

         修改cell的大小: 每一行显示的数量是经过自动计算的,通过itemSize

         flowLayout.itemSize =CGSizeMake(100,100);//默认是50,50 

         总结:

         通过代码实现collectionView的时候

         1、必须在collectionView实例化的时候,传递一个layout对象

         2、必须注册一个cell

         collectionView 的布局属性有两种(UICollectionViewLayout/UICollectionViewFlowLayout)

         一般使用流水布局,内部是针对普通布局进行扩展

    3、layout中修改cell的一些属性:

    itemSize:修改大小

    sectionInsets 设置组的内边距

    scrollDirection :修改滚动方向

    minimumlineSpacing:行间距

    minimumInteritemSpacing:列间距

    4、组头组尾的一些属性

    c、组头和组尾

    必须通过代理方法进行重用返回(kind属性分两种、如果通过storyboard 显示,必须要设置重用标识符,不然代理方法不会被调用

    1、悬浮效果,sectionHeaderPinToVisibleBounds

    sectionFooterPinToVisibleBounds

    2、设置组头或组尾的size

    headerReferencesSize

    FooterReferencesSize

    四、UICollectionView 的Header View 和FooterView 重用及其属性设置

    相关属性设置:

    五、实现表格的拷贝粘贴功能

    六、总结

    collectionView 的delegate中

    1、设置控制器成为collectionView的代理

    2、void collsctionView 

    取消选中didDeselectItemAtIndexPath

    被选中didSelectItemAtIndexPath

    推荐使用indexPath.Item 就相当于row

    选项1、2、3、4、5、。。流水布局,一行显示满了换行显示

    UICollectionView的注意点:

    1、collectionView重用cell的时候,不做为空判断,做空判断交给collectionView来做,需要注册cell

    注册cell 的三种方式:

    xib 、class 、 storyboard prototype

    cell 的布局是由flowLayout 流水布局来控制

    三种方式重用cell(UITableView)

    方法一、

        NSString *identifier =@"cell";

        UITableViewCell *cell =[_tableview dequeueReusableCellWithIdentifier:identifier];

        if(cell ==nil)

        {

            cell =[[UITableViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:identifier];

        }

    方法二、

     static NSString *identifier = @"GroupCell";

        

        //UITableViewCell *cell =[_tableview dequeueReusableCellWithIdentifier:identifier];

        GroupCell *cell =[tableView dequeueReusableCellWithIdentifier:identifier];

        

        if(cell==nil)

        {

            cell = [[[NSBundle mainBundle] loadNibNamed:@"GroupCell" owner:nil options:nil] lastObject];

        }

    方法三、

    [self.tableView registerClass:[UITableViewCell class] forCellReuseIdentifier:@"appCell"];

    创建collectionView 的过程:

    1、实例化一个collectionviewflowlayout

    UICollectionViewFlowLayout *layout =[UICollectionViewFlowLayout alloc]init];

    2、实例化一个collection view

    UICollectionview *collectionView =[UICollectionView alloc]initWithFrame:self。view。bounds collectionViewLayout:flowLayout];

    3、注册一个cell

    [collectionView registerClass:[UICollectionViewCell class]forCellWithReuseIdentifier:identifier];

    4、设置数据源代理

    collectionView。dataSource= self;

    5、添加到控制器的view上

    [self. view addSubview :collectionView]

    最后:

    设置行、组、cell

    怎么将cell做成应用管理这种

    必须要自定义cell

    问题,xib内的宽高和flowLayout中默认的宽高不一致,怎么获取xib中的宽高

    1、 取得collection view flow layout

    2、设置相关属性

    如果要通过collection view实现英雄展示:

    完全自定义cell

    还需要横竖屏实现

    横屏幕怎么实现,

    修改itemSize

    viewWillTransitionToSize 屏幕旋转的时候调用

        

  • 相关阅读:
    [笔记]JavaScript 秘密花园
    jQuery效果之jQuery Color animation 色彩动画扩展
    【vue】常见开发知识点与问题整理(持续更新)
    JS ES6中的箭头函数(Arrow Functions)使用
    JS之console.log详解以及兄弟姐们邻居方法扩展
    字符编码ASCII、Unicode 、UTF-8 及实例汉字与Unicode码的相互转化
    JS之表单提交时编码类型enctype详解
    JS之onunload、onbeforeunload事件详解
    《从零开始学习jQuery》:用jQuery操作元素的属性与样式
    vue+vuecli+webpack中使用mockjs模拟后端数据
  • 原文地址:https://www.cnblogs.com/CityPe/p/5388630.html
Copyright © 2020-2023  润新知