程序员人生网站导航

iOS使用UIScrollView实现左右滑动UITableView和UICollectionView

栏目：互联网时间：2014-11-07 08:42:55

在UIScrollView中嵌套UITableView的文章很多，但是项目需要，需要嵌套UICollectionView，而UICollectionView和UITableView有很多不同，有些知识到现在也没弄清楚，1遍1遍的尝试，总算是做出来了。以下是实现后的效果图：

由于本人刚刚接触ios开发，很多原理还说不清，所以下面的步骤以图片为主，文章结尾会附上源码地址，可下载自行研究！

1、新建项目

2、修改storyboard，由于要使用到导航栏，所以删除原有view，从工具箱中拖入NavigationController，并将入口（剪头）指向该view；删除自带的tableviewcontroller，拖入view controller；以下图

3、新建tableviewcontroller，tableviewcontroller默许带有tableview的视图，所以不需要勾选“also create xib file”；但是collection viewcontroller就不行，这点比较愁闷！

4、UICollectionViewController不能直接使用，测试了很久，就是不能嵌套在scrollview中，所以只能先创建view controller，再包括collection view，需要创建xib文件；打开xib文件拖入Collection View,并将此视图关联至

@property (weak, nonatomic) IBOutletUICollectionView *collection;

5、collectionviewcontroller就比较麻烦了，首先创建CollectionView所使用的单元格CollectionViewCell；并新建1个空的xib；

6、打开CollectionCell.xib，从工具箱拖入Collection Cell，设置背风景为黄色，并拖入1个label控件；注意设置Collection Cell的class 为刚才建立的“CollectionCell”类（不是Files Owner）；关联

IBOutletUILabel *label

；以下图所示

至此，所有页面及前台已设置终了

8、先弄定tableviewcontroller，以下代码

// // TMJTableViewController.m // PageTest // // Created by ejiang on 14⑹⑶0. // Copyright (c) 2014年 daijier. All rights reserved. // #import "TMJTableViewController.h" @interfaceTMJTableViewController () @end @implementation TMJTableViewController - (id)initWithStyle:(UITableViewStyle)style { self = [super initWithStyle:style]; if (self) { // Custom initialization } returnself; } - (void)viewDidLoad { [superviewDidLoad]; } - (void)didReceiveMemoryWarning { [superdidReceiveMemoryWarning]; } #pragma mark - Table view data source - (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView { return 1; } - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section { return 10; } - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath { static NSString *cellIdentifier=@"cell"; UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:cellIdentifier]; if(cell==nil) { cell=[[UITableViewCellalloc] initWithStyle:UITableViewCellStyleDefaultreuseIdentifier:cellIdentifier]; } cell.textLabel.text=@"哈哈"; return cell; } @end

9、还是看源码吧，粘贴代码没意思，主要步骤就以上几部

源码下载地址：http://download.csdn.net/detail/wuwo333/8098431

------分隔线----------------------------

上一篇 产品经理如何才能把一件事做出色

下一篇 USD Series: Installation

------分隔线----------------------------