iPhone UITableView嵌套部分

时间:2010-12-03 03:25:30

标签: iphone uitableview user-interface ios

对于acani iPhone应用,我想在UITableView中显示群组(基于兴趣)。我想用分类学方式组织这些小组,例如:

  • 运动
    • 蝙蝠和球
      • 棒球
      • 垒球
      • 板球
    • 曲棍球
      • Field Hockey
      • 冰上曲棍球
      • Roller Hockey
  • 工程
    • 电气工程
    • 生化工程

我应该如何安排UITableView

我认为应该有一个根UITableView,其中包含Sports&工程,和细胞蝙蝠和球&曲棍球将在体育部分,和细胞电气工程&生化工程将在工程部门下。

然后蝙蝠和球应该有自己的UITableView,它应该有棒球,垒球和板球的细胞。

这听起来像是安排用户界面的好方法吗?

你有这样的用户界面的Xcode示例代码的示例代码或链接吗?必须有一个像这样的Xcode示例项目。也许是元素周期表项目或Core Data Books?

谢谢!

马特

2 个答案:

答案 0 :(得分:6)

你明白了。 UITableView实际上并不是设计为显示层次结构和行的两个以上级别。如果要显示两个以上的级别,在大多数(所有?)iOS应用程序中使用“向下钻取”方法,其中点击一行会在导航堆栈上显示另一个UITableView。 (正如你所说。)

有许多Apple示例代码项目使用此设计模式。

修改:刚检查过,DrillDownSave就是一个很好的例子,就像SimpleDrillDown一样。

答案 1 :(得分:4)

嵌套部分的技巧是在表视图中有两种行。一个用于表示第二级节,另一个用于表示tableview中的正常行。假设您有一个两级数组(比如部分)来表示表视图中的项目。

然后,我们拥有的部分总数只是顶级部分的数量。每个顶级部分中的行数将是子部分的数量+每个子部分中的行数。

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {
    return self.sections.count;
}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
    NSArray *sectionItems = self.sections[(NSUInteger) section];
    NSUInteger numberOfRows = sectionItems.count; // For second level section headers
    for (NSArray *rowItems  in sectionItems) {
        numberOfRows += rowItems.count; // For actual table rows
    }
    return numberOfRows;
}

现在,我们需要考虑的是如何为表视图创建行。在故事板中设置两个原型,使用不同的重用标识符,一个用于节头,另一个用于行项,并根据数据源方法中的询问索引实例化正确的原型。

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    NSMutableArray *sectionItems = self.sections[(NSUInteger) indexPath.section];
    NSMutableArray *sectionHeaders = self.sectionHeaders[(NSUInteger) indexPath.section];
    NSIndexPath *itemAndSubsectionIndex = [self computeItemAndSubsectionIndexForIndexPath:indexPath];
    NSUInteger subsectionIndex = (NSUInteger) itemAndSubsectionIndex.section;
    NSInteger itemIndex = itemAndSubsectionIndex.row;

    if (itemIndex < 0) {
        // Section header
        UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"SECTION_HEADER_CELL" forIndexPath:indexPath];
        cell.textLabel.text = sectionHeaders[subsectionIndex];
        return cell;
    } else {
        // Row Item
        UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"ROW_CONTENT_CELL" forIndexPath:indexPath];
        cell.textLabel.text = sectionItems[subsectionIndex][itemIndex];
        return cell;
    }
}

- (NSIndexPath *)computeItemAndSubsectionIndexForIndexPath:(NSIndexPath *)indexPath {
    NSMutableArray *sectionItems = self.sections[(NSUInteger) indexPath.section];
    NSInteger itemIndex = indexPath.row;
    NSUInteger subsectionIndex = 0;
    for (NSUInteger i = 0; i < sectionItems.count; ++i) {
        // First row for each section item is header
        --itemIndex;
        // Check if the item index is within this subsection's items
        NSArray *subsectionItems = sectionItems[i];
        if (itemIndex < (NSInteger) subsectionItems.count) {
            subsectionIndex = i;
            break;
        } else {
            itemIndex -= subsectionItems.count;
        }
    }
    return [NSIndexPath indexPathForRow:itemIndex inSection:subsectionIndex];
}

Here's a detailed post如何做到这一点。