自定义 UITableViewCell 元素仅出现在 iPad 上

Posted

技术标签:

【中文标题】自定义 UITableViewCell 元素仅出现在 iPad 上【英文标题】:Custom UITableViewCell elements not appearing ONLY on iPad 【发布时间】:2015-01-26 18:01:53 【问题描述】:

我在 iPad 上运行我的应用程序时遇到了以下问题。我的自定义第一行 UITableViewCell 的 UI 元素没有出现。我正在手动分配和定位这些元素,因此问题与使用错误的 xib 无关。我已经上传了在iPhone 6 和iPad 2 上运行完全相同的代码的结果。注意 iPad 上的第一行单元格是空的,但在 iPhone 6 上正确地有两个 UITextField 元素和 UIButton

经过一些实验,我现在知道是什么导致了这个问题,但我不知道为什么。这是我对tableView:cellForRowAtIndexPath:的实现

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath 
    static NSString *summonerCellIdentifier = @"summonerCellIdentifier";
    static NSString *footerCellIdentifier = @"footerCellIdentifier";
    static NSString *headerCellIdentifier = @"headerCellIdentifier";

    UITableViewCell *cell;
    if (indexPath.row == 0) 
        // header view 1
        cell = [tableView dequeueReusableCellWithIdentifier:headerCellIdentifier];
        if (cell == nil) 
            cell = [UITableViewCell new];
        
        cell.backgroundColor = [UIColor LHBeigeLight];
        cell.selectionStyle = UITableViewCellSelectionStyleNone;

        self.summonerName = [[UITextField alloc] initWithFrame:CGRectMake(0,30,200,40)];
        [self.summonerName setCenter:CGPointMake(self.view.center.x, self.summonerName.center.y)];
        [self.summonerName setBackgroundColor:[UIColor whiteColor]];
        [self.summonerName setLeftViewMode:UITextFieldViewModeAlways];
        [self.summonerName setLeftView:[[UIView alloc] initWithFrame:CGRectMake(0, 0, 10, 10)]];
        [self.summonerName setPlaceholder:@"Summoner Name"];
        [self.summonerName setKeyboardType:UIKeyboardTypeEmailAddress];
        [self.summonerName setAutocapitalizationType:UITextAutocapitalizationTypeNone];
        [self.summonerName setAutocorrectionType:UITextAutocorrectionTypeNo];
        // [self.summonerName setAutoresizingMask:(UIViewAutoresizingFlexibleLeftMargin | UIViewAutoresizingFlexibleRightMargin)];
        [cell.contentView addSubview:self.summonerName];

        self.summonerRegion = [[UITextField alloc] initWithFrame:CGRectMake(0,80,200,40)];
        [self.summonerRegion setCenter:CGPointMake(self.view.center.x, self.summonerRegion.center.y)];
        [self.summonerRegion setBackgroundColor:[UIColor whiteColor]];
        [self.summonerRegion setLeftViewMode:UITextFieldViewModeAlways];
        [self.summonerRegion setLeftView:[[UIView alloc] initWithFrame:CGRectMake(0, 0, 10, 10)]];
        [self.summonerRegion setPlaceholder:@"Summoner Region"];
        [self.summonerRegion setKeyboardType:UIKeyboardTypeEmailAddress];
        [self.summonerRegion setAutocapitalizationType:UITextAutocapitalizationTypeNone];
        [self.summonerRegion setAutocorrectionType:UITextAutocorrectionTypeNo];
        // [self.summonerRegion setAutoresizingMask:(UIViewAutoresizingFlexibleLeftMargin | UIViewAutoresizingFlexibleRightMargin)];
        [cell.contentView addSubview:self.summonerRegion];

        self.searchButton = [[UIButton alloc]initWithFrame:CGRectMake(0,130,200,40)];
        [self.searchButton setCenter:CGPointMake(self.view.center.x, self.searchButton.center.y)];
        [self.searchButton setTitle:@"Search" forState:UIControlStateNormal];
        [self.searchButton.titleLabel setTextColor:[UIColor whiteColor]];
        [self.searchButton setBackgroundImage: [AppDelegate imageFromColor:[UIColor LHGoldColor]] forState:UIControlStateNormal];
        [self.searchButton setBackgroundImage: [AppDelegate imageFromColor:[UIColor LHGoldLightColor]] forState:UIControlStateHighlighted];
        [self.searchButton setBackgroundImage: [AppDelegate imageFromColor:[UIColor LHGoldLightColor]] forState:UIControlStateSelected];
        [self.searchButton setContentEdgeInsets:UIEdgeInsetsMake(5, 15, 5, 15)];
        [self.searchButton addTarget:self action:@selector(search:) forControlEvents:UIControlEventTouchUpInside];
        // [self.searchButton setAutoresizingMask:(UIViewAutoresizingFlexibleLeftMargin | UIViewAutoresizingFlexibleRightMargin)];
        [cell.contentView addSubview:self.searchButton];

        _pickerView = [[UIPickerView alloc] init];
        [self.summonerName setDelegate:self];
        [self.summonerRegion setInputView:_pickerView];
        [self.summonerRegion setDelegate:self];

        // Initialize Data
        _pickerData = @[@"NA", @"EUW", @"EUNE", @"BR", @"KR", @"LAN", @"LAS", @"OCE", @"RU", @"TR"];

        // Connect data
        _pickerView.dataSource = self;
        _pickerView.delegate = self;
        _pickerView.showsSelectionIndicator = YES;

        [self.summonerRegion setText:[_pickerData objectAtIndex:0]];
     else if (indexPath.row == (recentSearchesArray.count+1)) 
        // footer view 1
        cell = [tableView dequeueReusableCellWithIdentifier:footerCellIdentifier];
        if (cell == nil) 
            cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:footerCellIdentifier];
        
        cell.frame = CGRectMake(0, 0, self.recentSearchesTable.frame.size.width, 140);
        cell.backgroundColor = [UIColor LHRedColor];
        cell.textLabel.textColor = [UIColor LHBeigeLight];
        cell.textLabel.text = @"Follow Us On Twitter";
        cell.detailTextLabel.textColor = [UIColor LHBeigeLight];
        cell.detailTextLabel.text = @"for app updates and events!";
        cell.selectionStyle = UITableViewCellSelectionStyleNone;
     else if (indexPath.row == (recentSearchesArray.count+2)) 
        // footer view 2
        cell = [tableView dequeueReusableCellWithIdentifier:footerCellIdentifier];
        if (cell == nil) 
            cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:footerCellIdentifier];
        
        cell.frame = CGRectMake(0, 0, self.recentSearchesTable.frame.size.width, 140);
        cell.textLabel.textColor = [UIColor LHBeigeLight];
        cell.backgroundColor = [UIColor LHGreenColor];
        cell.textLabel.text = @"Battlefy Tournaments";
        cell.detailTextLabel.textColor = [UIColor LHBeigeLight];
        cell.detailTextLabel.text = @"Check out our community tournaments!";
        cell.selectionStyle = UITableViewCellSelectionStyleNone;
     else 
        // regular cell
        Summoner *summoner = [recentSearchesArray objectAtIndex:indexPath.row-1];

        cell = [tableView dequeueReusableCellWithIdentifier:summonerCellIdentifier];
        if (cell == nil) 
            cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleValue1 reuseIdentifier:summonerCellIdentifier];
        
        cell.textLabel.text = summoner.summonerName;
        cell.detailTextLabel.text = [summoner.summonerRegion uppercaseString];
        cell.backgroundColor = [UIColor whiteColor];
        cell.selectionStyle = UITableViewCellSelectionStyleDefault;
    
    return cell;

我注释掉并取消了在第一个单元格中破坏我的自定义视图的三行的格式。无论出于何种原因,如果我设置了一个左右灵活的自动调整大小掩码,单元格元素就会在 iPad 版本上消失。我使用这些 UIViewAutoresizing 掩码来处理旋转(通过保持元素在第一个单元格中水平居中)。

有没有人知道为什么会这样?如果我设置这个 0 索引 UITableViewCell 的方式是不好的做法,或者我的代码有其他问题,请告诉我!


编辑:更多信息。这就是tableView:heightForRowAtIndexPath: 的样子:

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath 
    if (indexPath.row == 0) 
        return 200;
     else if (indexPath.row >= recentSearchesArray.count + 1) 
        return 130;
     else 
        return 44;
    

这些是 iPhone 6 的 po [self.view recursiveDescription] 的输出:

(lldb) po [self.view recursiveDescription]
<UIView: 0x7ff3e156d290; frame = (0 0; 320 568); autoresize = W+H; layer = <CALayer: 0x7ff3e156d360>>
   | <UITableView: 0x7ff3e1858e00; frame = (0 0; 320 568); clipsToBounds = YES; autoresize = RM+BM; gestureRecognizers = <NSArray: 0x7ff3e156ad60>; layer = <CALayer: 0x7ff3e1568610>; contentOffset: 0, 0; contentSize: 320, 0>
   |    | <UITableViewWrapperView: 0x7ff3e156bbf0; frame = (0 0; 320 568); gestureRecognizers = <NSArray: 0x7ff3e156c660>; layer = <CALayer: 0x7ff3e156c160>; contentOffset: 0, 0; contentSize: 320, 568>
   |    | <UIImageView: 0x7ff3e15698b0; frame = (0 565.5; 320 2.5); alpha = 0; opaque = NO; autoresize = TM; userInteractionEnabled = NO; layer = <CALayer: 0x7ff3e15294a0>>
   |    | <UIImageView: 0x7ff3e156a5d0; frame = (317.5 561; 2.5 7); alpha = 0; opaque = NO; autoresize = LM; userInteractionEnabled = NO; layer = <CALayer: 0x7ff3e156a5b0>>

对于 iPad 2:

(lldb) po [self.view recursiveDescription]
<UIView: 0x7869a230; frame = (0 0; 320 568); autoresize = W+H; layer = <CALayer: 0x786a2b20>>
   | <UITableView: 0x78907600; frame = (0 0; 320 568); clipsToBounds = YES; autoresize = RM+BM; gestureRecognizers = <NSArray: 0x78690b00>; layer = <CALayer: 0x786a62c0>; contentOffset: 0, 0; contentSize: 320, 0>
   |    | <UITableViewWrapperView: 0x786a9470; frame = (0 0; 320 568); gestureRecognizers = <NSArray: 0x786a8290>; layer = <CALayer: 0x7866ab40>; contentOffset: 0, 0; contentSize: 320, 568>
   |    | <UIImageView: 0x786a9160; frame = (0 565; 320 3); alpha = 0; opaque = NO; autoresize = TM; userInteractionEnabled = NO; layer = <CALayer: 0x7866a750>>
   |    | <UIImageView: 0x78679fe0; frame = (317 561; 3 7); alpha = 0; opaque = NO; autoresize = LM; userInteractionEnabled = NO; layer = <CALayer: 0x78671490>>

编辑 2:为最佳实践添加了出队代码


编辑 3: 根据 Brian 的建议切换到更好的单元格初始化函数 [UITableViewCell new];,并将子视图添加到内容视图而不是单元格本身。还是没有运气。


Edit 4 FIXED: 最后我不得不切换到使用自定义UITableViewCell 子类并直接在.xib 中执行所有约束来解决此问题。我不确定根本原因是什么,但如果您仍然想重现它,您可能只需将测试应用程序中的每个单元格都设为我为 0 索引创建的单元格即可。


Edit 5 FIXED X 2:我用上面的代码找到了原始问题的解决方案。你可以在这里查看https://***.com/a/28185714/740474

【问题讨论】:

两个设备都运行 ios 8,还是 iPad 运行 iOS 7? 对我来说,这两款设备都使用 XCode 6.1.1 模拟器运行 iOS 8.1。不幸的是,这个版本上线了,因为我没有抓住这个:|所以一些人已经在各种真实的 iPad 设备上报告了它,例如iPad mini iOS 8.1.2 twitter.com/LordShedy/status/559724414192066562 你如何设置你的手机?你在使用自动布局吗?如果是这样,如何设置约束以使控件居中而不是自动调整大小蒙版? 我上传了tableView:cellForRowAtIndexPath:的完整实现。此表的单元格不是从 nib 加载的。它们都是以编程方式分配和初始化的,我没有手动添加任何NSLayoutConstraints 我会强烈建议您在 UITableViewCell 的子类中构建单元格。这是更多的工作,但给了你更多的控制权并保持 MVC 原则不变。我还建议您使用 AutoLayout 构建您的单元格,我认为这可以帮助您非常轻松地解决这个问题(通过将 UITextField 的中心固定到单元格 contentView 的中心)。您是否尝试过在viewDidLoad 中设置断点并使用po [self.view recursiveDescription] 【参考方案1】:

我又回去看问题,终于找到了真正的罪魁祸首。我试图在单元格内水平居中子视图,所以调用了这样的东西:

[self.summonerName setCenter:CGPointMake(self.view.center.x, self.summonerName.center.y)];

无论出于何种原因,self.view.center.x 在 iPad 上的评估结果完全出乎意料,并将内容视图定位在屏幕外。我真正应该做的(以及解决上述代码问题的方法)是基于 cell 的 中心而不是 superview 的 中心设置子视图中心,如下所示:

[self.summonerName setCenter:CGPointMake(cell.center.x, self.summonerName.center.y)];

为了给好奇的人演示,我创建了一个绝对准系统示例项目来说明这个问题,您可以在此处查看: https://github.com/oseparovic/ipaduitableviewbug

【讨论】:

以上是关于自定义 UITableViewCell 元素仅出现在 iPad 上的主要内容,如果未能解决你的问题,请参考以下文章

将自定义 UITableViewCell 从 nib 加载到 Swift 中的 UIViewController

如何正确链接自定义 UITableViewCell 和访问元素

自定义 UITableViewCell 未出现在表格中

如何像 uitableviewcell 一样重用/回收自定义元素?

自定义 UITableViewCell 顶部出现神秘圆线

编辑自定义 UITableViewCell 时不出现插入/删除编辑控件