26

在 iOS 6 上，我的 UITableView 的部分索引将其所有项目均匀地分布在表格视图的高度上。在 iOS 7 中，所有项目都聚集在中间，使得项目难以点击。有什么办法可以把它们分开吗？

4

7 回答 7

7

这是Anton Malmygin答案的实现，您可以通过在数组上添加更多空项来添加更多空间：

首先，让我们用假索引创建一个数组。

    NSArray *array = self.mydataArray; // here are your true index
    self.sectionsTitle = [NSMutableArray array];
    int n = array.count;

    // In IOS 7 all index of the items are clumped together in the middle,
    // making the items difficult to tap.
    // As workaround we added "fake" sections index
    // reference: https://stackoverflow.com/questions/18923729/uitableview-section-index-spacing-on-ios-7

    for (int i = 0; i < n; i++){
        [self.sectionsTitle  addObject:array[i]];
        [self.sectionsTitle  addObject:@""];
    }

然后，您可以使用以下方法实现 tableview 委托方法：

- (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section
{
    // In IOS 7 all index of the items are clumped together in the middle,
    // making the items difficult to tap.
    // As workaround we added "fake" sections index
    // reference: https://stackoverflow.com/questions/18923729/uitableview-section-index-spacing-on-ios-7
    if ([sectionsTitle[section] isEqualToString:@""]){
        return 0;
    }
    return x; // return your desire section height 
}

- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section
{
    // In IOS 7 all index of the items are clumped together in the middle,
    // making the items difficult to tap.
    // As workaround we added "fake" sections index
    // reference: https://stackoverflow.com/questions/18923729/uitableview-section-index-spacing-on-ios-7
    if ([sectionsTitle[section] isEqualToString:@""]){
        return nil;
    }else{
       // return your desire header view here, 
       // if you are using the default section header view, 
       // you don't need to implement this method
       return // return your custom view
    }
}

- (NSArray *)sectionIndexTitlesForTableView:(UITableView *)tableView {
    return self.sectionsTitle;
}

- (NSInteger)tableView:(UITableView *)tableView sectionForSectionIndexTitle:(NSString *)title atIndex:(NSInteger)index {
    // In IOS 7 all index of the items are clumped together in the middle,
    // making the items difficult to tap.
    // As workaround we added "fake" sections index
    // reference: https://stackoverflow.com/questions/18923729/uitableview-section-index-spacing-on-ios-7
    if ([title isEqualToString:@""]){
         return -1;
    }
    return [sectionsTitle indexOfObject:title];
}


- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    // In IOS 7 all index of the items are clumped together in the middle,
    // making the items difficult to tap.
    // As workaround we added "fake" sections index
    // reference: https://stackoverflow.com/questions/18923729/uitableview-section-index-spacing-on-ios-7
    if ([sectionsTitle[section] isEqualToString:@""]){
        return 0;
    }
    return // your logic here;
}

结果如下：

在此处输入图像描述

于 2014-01-03T17:21:25.200 回答
7

这里一种可能的解决方案 - 是在每次将真实标题添加到您的部分索引标题数组并返回索引除以 2 之后在您的tableView: sectionForSectionIndexTitle: atIndex:方法中添加空字符串。

这个技巧稍微增加了连续标题之间的距离，但并不能完全解决这个问题。

于 2013-11-18T00:19:21.563 回答
4

有一种更简单的方法可以完成 Anton 的建议，它也可以扩展到每个部分的任意数量的索引（而不是像 Anton 建议的那样只有两个）。因此，您可以添加所需的额外索引标题的数量。在这个例子中，我使用了 4。

所以首先你将这些东西添加到一个indexTitles数组中，viewDidLoad或者其他什么。注意：如果您将内容异步添加到 tableView，这也可以动态完成，这就是我添加 if 语句的原因，只要它不是第一个，它将用句点替换空字符串。这样就不会在最后出现杂散期

@property (nonatomic, strong) NSArray *indexTitles;


- (void) addIndexTitle:(NSString *) indexTitle {
        if ([self.indexTitles count]) {
            NSInteger last = self.indexTitles.count;
            self.indexTitles[last - 1] = @".";
            self.indexTitles[last - 2] = @"."; // Change the number of these depending
            self.indexTitles[last - 3] = @"."; // on the number of lines in the index titles
        }
        [self.indexTitles addObject:indexTitle];
        [self.indexTitles addObject:@""];  // Add different strings here for multiline 
        [self.indexTitles addObject:@""];  // index titles
        [self.indexTitles addObject:@""];
}

现在我们可以根据每个索引标题有多少字符串来使用模运算符。

- (NSInteger) tableView:(UITableView *)tableView sectionForSectionIndexTitle:(NSString *)title atIndex:(NSInteger)index {
    index = index - index % 4;  // This is the index of the section you want
    NSInteger newIndex = index;
    // do any other processing here (if need be) to determine the correct index here
    return newIndex;

}

不要忘记为 tableView 声明节索引标题。

- (NSArray *)sectionIndexTitlesForTableView:(UITableView *)tableView {
    return self.indexTitles;
}

这是我制作的动态加载内容的方法：

例子

于 2014-02-18T19:10:43.723 回答
3

我找到了解决方法：

- (void)setIndexUIForTableView:(UITableView*)tableView{
    //UI the index view
    for(UIView *view in [tableView subviews]) {
        if([view respondsToSelector:@selector(setIndexColor:)]) {
            [view performSelector:@selector(setIndexColor:) withObject:[UIColor clientblack]];

            if ([view respondsToSelector:@selector(setFont:)]) {
                [view performSelector:@selector(setFont:) withObject:[UIFont systemFontOfSize:15.0]];
                [view performSelector:@selector(setBackgroundColor:) withObject:[UIColor clientsidebarGray]];

            }
        }
    }
}

将以下内容添加到您的方法中并在加载数据后

 [self setIndexUIForTableView:tableview];

    [tableview reloadData];
于 2013-10-02T17:01:21.867 回答
2

这是我玩过和工作的东西。它遵循 Anton M 的建议，使用 Swift 2 和 ios 9。

假设您有以下部分索引：

let indexes: [String] = ["A", "B", "C", "D", "E"]

这样每个人都在同一页面上，A 在索引 0 处。B 在索引 1 处，依此类推。

假设您希望索引之间有两个空格。然后将您的部分索引定义为：

let indexes: [String] = ["A", "", "", "B", "", "", "C", "", "", "D", "", "", "E"]

所以现在，A 仍然在索引 0，但 B 现在在索引 3，C 在 6，D 在 9，E 在 12。

您只需要计算sectionForSectionIndexTitle 中的偏移量。您所追求的是真实标题的索引，因为这是您在表中拥有的。所以：

override func tableView(tableView: UITableView, sectionForSectionIndexTitle title: String, atIndex index: Int) -> Int {        
        return index / 3
}

因此，对于索引之间需要的每个额外空间，您需要将 1 添加到上述表达式的枚举数中。您可以在 Playground 中轻松地进行测试。

于 2015-12-20T04:27:17.413 回答
1

我尝试了 Jatin 的解决方法，但结果只是部分索引的颜色和字体发生了变化。它保持垂直压缩和居中。

我认为这是 iOS7 的新行为（虽然我认为这不是最好的视觉外观）。此行为在 Apple 的官方文档中也可见：iOS Human Interface Guidelines - Table View

于 2013-10-16T09:19:40.263 回答
-2

我尝试了这个模块并且它可以工作，但是你还必须在 viewDidAppear 方法中设置调用例程，所以每次视图出现时你都需要调用这个例程然后重新加载你的表。

于 2013-10-03T18:35:44.750 回答