如何在UIScrollview中嵌入UITableView

时间:2012-05-09 00:56:33

标签: ios uitableview uiviewcontroller uiscrollview scroll

如何在UIViewController中执行以下操作(包含tableview作为子视图)

我最初有一个UIViewController显示预览部分(UIView)

//Setup container for preview section
UIView *tempContainer = [[UIView alloc]initWithFrame:CGRectMake(0, 20, 320, 100)];
self.preview_answer_container = tempContainer;
self.preview_answer_container.backgroundColor = [UIColor clearColor];
[tempContainer release];
[self.view addSubview:self.preview_answer_container];

我还在

下面添加了一个UITableView(和一个搜索栏)
//setup tableview
UITableView *tempTable = [[UITableView alloc]initWithFrame:CGRectMake(0,44 ,320,self.view.frame.size.height - 44)];
self.tagFriendsTableView = tempTable;
self.tagFriendsTableView.delegate = self;
self.tagFriendsTableView.dataSource = self;
[tempTable release];

[self.view addSubview:self.tagFriendsTableView];

enter image description here

使用此设置,我的滚动区域很小(仅预览部分下方的静态区域)

如何修改我的代码呢? 1)我可以向上滚动整个页面,即预览部分和tableview将一起向上滚动 2)当搜索栏到达顶部(导航栏下方)时,滚动整体将停止(参见屏幕截图),但UITableView中的内容仍可滚动

enter image description here

编辑:

为UIScroll视图添加了代码。但是,对我来说没有任何改变。我的代码出了什么问题?

//setup scroll view
UIScrollView *scroll = [[UIScrollView alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height)];

//Search
UISearchBar *tempBar = [[UISearchBar alloc]initWithFrame:CGRectMake(0, 120 + 20, 320, 44)];
self.sBar = tempBar;
[tempBar release];
self.sBar.delegate = self;
self.sBar.tintColor = [UIColor colorWithHexString:@"#b6c0c7"];
self.sBar.placeholder = @"Search for FB and DM friends";

[scroll addSubview:sBar];

//setup tableview
UITableView *tempTable = [[UITableView alloc]initWithFrame:CGRectMake(0,144 + 20 + 20 ,320,self.view.frame.size.height - 144 - 20 - 20 - 44)];
self.tagFriendsTableView = tempTable;
self.tagFriendsTableView.delegate = self;
self.tagFriendsTableView.dataSource = self;
[tempTable release];

//Add the scroll view to the parent view
[scroll addSubview:self.tagFriendsTableView];

scroll.contentSize = CGSizeMake(self.view.frame.size.width, self.view.frame.size.height);
[self.view addSubview:scroll];
[scroll release];

6 个答案:

答案 0 :(得分:33)

我有一个解决方案,

仅使用tableView就足够了

  1. 将“预览视图”设为tableView的HeaderView

  2. 将“搜索栏”设为tableView的剖面标题视图

  3. 你可以完美地完成它:)

答案 1 :(得分:3)

不需要任何花哨或自定义的内容,使用UITableView并将预览窗格设置为tableHeaderView,并使用tableView:viewForHeaderInSection:将搜索字段设置为部分标题UITableViewDelegate 1}}。

在滚动事件期间,表头将从顶部滚动。 如果可见,那么节标题在整个时间段内浮动并保持可见。如果你只有1个部分,那么部分标题将一直存在。

答案 2 :(得分:2)

或者您可以执行以下步骤: 1.禁用滚动tableView。 2.将高度约束设置为tableView和连接到它的IBOutlet。 3.在重新加载数据之前,计算表格高度。 heightConstraint.constant = (heightOfTheSingleTableViewCell) * numOfRows

答案 3 :(得分:1)

您必须将UITableView嵌入到屏幕大小减去导航栏的UIScrollView中。将UIScrollViews背景设置为clearColor,以允许UITableView上方的内容保持可见。

答案 4 :(得分:0)

是的,您可以使用“tableView:viewForHeaderInSection”。

答案 5 :(得分:0)

scroll.contentSize = CGSizeMake(self.view.frame.size.width, self.view.frame.size.height);

无法滚动,因为contentSize不够大。您需要将内容的长度增加到scrollView顶部的内容的总长度。