IOS-UIScrollView 与 UICllectionVew

IOS-UIScrollView 与 UICllectionVew

UIScrollView

类似与android中的ScrollView，UIScrollView是一个能够滚动的视图控件，
可以用来展示大量的内容，并且可以通过滚动查看所有的内容

• 如何使用
  

  • 设置UIScrollView的contentSize属性，告诉UIScrollView所有内容的尺寸，
    也就是告诉它滚动的范围（能滚多远，滚到哪里是尽头）
    
  • 默认情况下，UIScrollView是不能滚动的
    
  • 但是在使用时你可能会发现你的UIScrollView并不能滚动，可能是由下面原因引起的
    
    • 没有设置contentSize
      
    • scrollEnabled = NO
      
    • 没有接收到触摸事件:userInteractionEnabled = NO
      
    • 没有取消autolayout功能（要想scrollView滚动，必须取消autolayout）】
      
    • ….

• UIScrollView的常见属性
  
  • @property(nonatomic) CGPoint contentOffset;
    这个属性用来表示UIScrollView滚动的位置
  • @property(nonatomic) CGSize contentSize;
    这个属性用来表示UIScrollView内容的尺寸，滚动范围（能滚多远）
  • @property(nonatomic) UIEdgeInsets contentInset;
    这个属性能够在UIScrollView的4周增加额外的滚动区域，跟UIScrollView的回弹效果有关

UICllectionVew

• 简介

  • 类似与Android中的GridView，主要用来显示宫格型数据的
  • 对于每个cell的显示位置，UICllectionVew会自动调节
  • UICllectionVew使用原理类似与UITableView
    
    • 需要设置数据源
    • 可对cell进行分组
    • IOS提供了UICllectionViewController

• 如何使用

  • 布局样式(参数)
    
    • 和UITableView不同的是，UICollectionView在初始化时需要一个布局参数
    • 并且其内显示的cell的样式也要在初始化时设置

    //这个方法是MyCollectionViewController的初始化方法， MyCollectionViewController继承自UICollectionViewController- (id)init{// 1.流水布局， 流动填补缺的位置UICollectionViewFlowLayout *layout = [[UICollectionViewFlowLayout alloc] init];//对于每个cell的大小，也是由布局参数决定// 2.每个cell的尺寸layout.itemSize = CGSizeMake(80, 80);// 3.设置cell之间的水平间距layout.minimumInteritemSpacing = 0;// 4.设置cell之间的垂直间距layout.minimumLineSpacing = 10;// 5.设置四周的内边距layout.sectionInset = UIEdgeInsetsMake(layout.minimumLineSpacing, 0, 0, 0);//还可设置滚动方向等等。。。。。return [super initWithCollectionViewLayout:layout];   }

• cell的创建
  
  • 在collectionView初始化完毕后，我们应向它注册一个cell
  • 注册cell时分为两种情况
    
    • 直接alloc,init
    • 从xib中创建
  • 创建cell时需要提供一个可从用标志

    //在CollectionViewController中创建cell-(void)viewDidLoad{[super viewDidLoad];// 注册cell(cell对象来做xib)UINib *nib = [UINib nibWithNibName:@"MJProductCell" bundle:nil];[self.collectionView registerNib:nib forCellWithReuseIdentifier:MJProductCellID];//cell对象手动创建//[self.collectionView registerClass:[UICollectionViewCell class] forCellWithReuseIdentifier:MJProductCellID];}

• 数据源相关方法
  
  • 在访问指定位置的cell时，和TableView有些不同
    
    • 应这访问， 组： indexPath.section； 组中的第几个： indexPath.item

    - (NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView{return 1;  //不重写这个方法，就是返回1}- (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section{//返回 numberOfItemsInSection ,即一组中cell的个数}- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath{// 1.获得cell， 直接取出在初始化方法中已经创建的cellMJProductCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:MJProductCellID forIndexPath:indexPath];// 2.向cell传递模型//TODOreturn cell;}