UITableViewCell的图像不是缩进

时间:2013-11-05 08:14:14

标签: objective-c image uitableview ios7 indentation

我创建了一个默认的UITableViewCell:

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    // Init empty cell
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:GroupCellIdentifier];

    // Get the group info
    GroupInfo *groupInfo = (GroupInfo *)[_sortedGroupInfos objectAtIndex:[indexPath row]];

    // Check if we have initialized this cell before
    if(cell == nil)
    {
        // Initialize cell
        cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:GroupCellIdentifier];

        // Set the accessory type
        cell.accessoryType = UITableViewCellAccessoryNone;

        // Set the selection type
        cell.selectionStyle = [groupInfo.groupType isEqualToString:GroupTypePersonal] ? UITableViewCellSelectionStyleDefault : UITableViewCellSelectionStyleNone;

        // Set the indentation width
        cell.indentationWidth = 40;
    }

    // Set the label enabled status depending on the group type
    cell.textLabel.enabled = [groupInfo.groupType isEqualToString:GroupTypePersonal];
    cell.detailTextLabel.enabled = [groupInfo.groupType isEqualToString:GroupTypePersonal];

    // Set text
    cell.textLabel.text = groupInfo.description;
    cell.detailTextLabel.text = [NSString stringWithFormat:@"%d %@", groupInfo.storeCount, [[Model instance] getTranslationFromSection:kSectionStoreSettings translationKey:@"Stores"]];

    // Set the image depending on the group type
    cell.imageView.image = [GroupInfo getImageForGroupType:groupInfo.groupType];

    // Return the cell
    return cell;
}

我还实现了indentationLevelForRowAtIndexPath函数:

- (NSInteger)tableView:(UITableView *)tableView indentationLevelForRowAtIndexPath:(NSIndexPath *)indexPath
{
    // Get the group info
    GroupInfo *groupInfo = _sortedGroupInfos[[indexPath row]];

    // Return the indentation
    return groupInfo.indentation;
}

现在我得到以下表格视图:

http://i40.tinypic.com/f3e63t.png

我的问题是:为什么图像在表格视图中没有缩进?

3 个答案:

答案 0 :(得分:15)

我最后继承了UITableViewCell并覆盖了layoutSubViews方法:

- (void)layoutSubviews
{
    // Call super
    [super layoutSubviews];

    // Update the separator
    self.separatorInset = UIEdgeInsetsMake(0, (self.indentationLevel * self.indentationWidth) + 15, 0, 0);

    // Update the frame of the image view
    self.imageView.frame = CGRectMake(self.imageView.frame.origin.x + (self.indentationLevel * self.indentationWidth), self.imageView.frame.origin.y, self.imageView.frame.size.width, self.imageView.frame.size.height);

    // Update the frame of the text label
    self.textLabel.frame = CGRectMake(self.imageView.frame.origin.x + 40, self.textLabel.frame.origin.y, self.frame.size.width - (self.imageView.frame.origin.x + 60), self.textLabel.frame.size.height);

    // Update the frame of the subtitle label
    self.detailTextLabel.frame = CGRectMake(self.imageView.frame.origin.x + 40, self.detailTextLabel.frame.origin.y, self.frame.size.width - (self.imageView.frame.origin.x + 60), self.detailTextLabel.frame.size.height);
}

我的表格视图现在看起来像:

http://tinypic.com/r/24y20if/5

答案 1 :(得分:6)

我只关注图像缩进,最后在Swift中成功实现了它。谢谢! 但是,Int和CGFloat之间的转换存在一些问题,Swift中的同样的事情对我有用:

class CustomUITableViewCell: UITableViewCell
{
    override func layoutSubviews() {
    // Call super
    super.layoutSubviews();

    // Update the frame of the image view
    self.imageView!.frame = CGRectMake(self.imageView!.frame.origin.x + (CGFloat(self.indentationLevel) * self.indentationWidth), self.imageView!.frame.origin.y, self.imageView!.frame.size.width, self.imageView!.frame.size.height);
    }
}

答案 2 :(得分:3)

罗伯托发布了非常好的解决方案。 但是,如果layoutSubviews在单元格显示期间多次调用,则单元格的内容会向右移动。

我能够通过添加

解决问题
static CGFloat imageViewXOrigin = 0;
if(imageViewXOrigin == 0)
    imageViewXOrigin = self.imageView.frame.origin.x;

在帧计算调用之前,并替换每个

self.imageView.frame.origin.x 

imageViewXOrigin

变量。