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