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 来说还是有所不足例如:编辑、分组索引 、多选.

posted @ 2016-02-16 12:05  每周报  阅读(574)  评论(0编辑  收藏  举报