zoukankan      html  css  js  c++  java
  • UICollectionView 简单使用

    显示数据列表 大家通常使用的是UITableView
     不用说TableView 是大家的首选。在iOS6之前这也是必选。但是伴随着APP的成长一起都在变化目前更多的呈现一种块状的显示效果、之前的行式显示效果大家都已见的太多了。接下来大家和我一起来看看另外的一种控件 - UICollectionView

    1、实例化
    2、自动布局
    3、横向
    4、纵向
    5、协议
    6、Cell

    一、实例化
       UICollectionView 的实例化和其它控件存在一个不同的地方。
       init
       initWithFrame:
       initWithFrame: collectionViewLayout:
       前面的两个实例化方法是从父类继承来的,在实际使用中不使用如果使用程序会报错。
       通常使用第三个方法这是因为在实例化UICollectionView 是需要指定一个布局,UICollectionView 呈现时是根据这个布局对象来显示。
    二、自动布局
        AutoLayout 这个很简单将 UICollectionView 实例的 translatesAutoresizingMaskIntoConstraints 属性设置为NO 然后添加相应的约束。
        
    三、布局(UICollectionViewFlowLayout) 这里将横向和纵向布局放在一起
       UICollectionView 显示布局非常灵活凡是UITableView 能够显示的它都能显示。
       由于CollectionView 是块状布局决定了它能够实现横纵布局, 这两种布局苹果官方已经封装好。同时还有更多的布局方式可以通过继承 UICollectionViewFlowLayout 自定义。
       横向布局和纵向布局主要是通过布局实例对象的属性scrollDirection 来控制,    UICollectionViewScrollDirectionVertical/UICollectionViewScrollDirectionHorizontal 分别代表纵向布局和横向布局默认是纵向布局。

       当然在横向布局的时候需要注意的是UICollectionView 的高度。如果高度设置不合理就不能显示出横向滚动的效果。
       布局实例可以在实例化的时候就设置好相应的显示效果也可以通过 UICollectionViewDelegateFlowLayout 协议灵活实现。
       
    四、协议(UICollectionViewDataSource,UICollectionViewDelegate)
       主要是数据源和动作协议
       数据源协议主要控制数据的显示
       动作协议主要是捕捉用户的相关操作和动画。
       这里需要注意一个小问题:数据能够正常显示但UICollectionView 没有滑动效果。这时将 UICollectionView 实例的 alwaysBounceHorizontal 属性值设置成YES 如果是纵向滚动就是 alwaysBounceVertical。
       
    五、Cell
       使用UICollectionView 显示数据必须使用registerClass或者registerNib 注册对应的Cell 目的是便于重用同时避免了每次显示都要重新实例化,在UICollectionView 中默认必须注册Cell。

       对于UITableView则可以不必注册,建议大家在使用UITableView 时最好是先注册Cell,这样做的好处大家应该能知道吧?


    总结:
       UICollectionView 在显示数据上表现的灵活性和美观 都要优于UITableView 但是在有些方面还是相对于UITableView 来说还是有所不足例如:编辑、分组索引 、多选.

  • 相关阅读:
    使用httputils上传图片到服务器
    Android与服务器http连接模块代码
    简单的三次登陆和入门级九九乘法表的实现
    简单购物车的实现
    python常见数据类型
    python基础一
    python入门一
    python简介
    day1 java基础语法
    LeftStr函数使用
  • 原文地址:https://www.cnblogs.com/softwaretailor/p/5192328.html
Copyright © 2011-2022 走看看