clipsToBounds和masksToBounds在分组的UITableViewCell中

时间:2013-02-20 16:23:17

标签: ios uikit quartz-core cglayer

我正试图让UITextView的角落被包含它的分组UITableViewCell的圆角遮盖。这是目前单元格的截图

UITextView inside grouped UITableViewCell

这是我用来尝试防止角落重叠我的单元格边框的一些代码。我试过了两个

cell.contentView.layer.masksToBounds = YES;
cell.layer.masksToBounds = YES;  //tried this as a test, still doesn't work
detailTextView.clipsToBounds = YES;
[cell.contentView addSubview:detailTextView];

cell.layer.masksToBounds = YES;
cell.contentView.layer.masksToBounds = YES;
detailTextView.clipsToBounds = YES;
[cell addSubview:detailTextView];

这显然不起作用,我错过了什么?

2 个答案:

答案 0 :(得分:0)

我很确定你不能用这种方式掩盖角落。单元格backgroundView是分组UITableView的图像,因此没有掩盖感。

问题的一个可能解决方案是自己绕角落。这有点棘手,因为您只想围绕顶部单元格的顶角和底部单元格的底角。幸运的是,@ llomanf发布了一个很好的解决方案来绕过任意角落:Round two corners in UIView。使用他的MTDContextCreateRoundedMask方法,我们可以实现目标。

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    // Other cell instantiation

    // First cell in section
    if (indexPath.row == 0) {
        [self roundTopOrBottomCornersOfCell:cell top:YES];       
    }
    // Last cell in section
    else if (indexPath.row == tableView.numberOfRowsInSection:indexPath.section-1) {
        [self roundTopOrBottomCornersOfCell:cell top:NO];
    }
}

// Modified from the second part of @lomanf's Solution 1
- (void)roundTopOrBottomCornersOfCell:(UITableViewCell*)cell top:(BOOL)top {
        // Set constant radius
        CGFloat radius = 5.0;

        // Create the mask image you need calling @lomanf's function
        UIImage* mask;
        if (top) {
            mask = MTDContextCreateRoundedMask(self.view.bounds, radius, radius, 0.0, 0.0);
        }
        else {
            mask = MTDContextCreateRoundedMask(self.view.bounds, 0.0, 0.0, radius, radius);
        }

        // Create a new layer that will work as a mask
        CALayer* layerMask = [CALayer layer];            
        layerMask.frame = cell.bounds;

        // Put the mask image as content of the layer
        layerMask.contents = (id)mask.CGImage;

        // Set the mask layer as mask of the view layer
        cell.layer.mask = layerMask;
}        

答案 1 :(得分:0)

我遇到同样的问题

不同之处在于我使用的是普通风格,而我正试图让每个细胞都有圆角。最后,我做到了,这是我的方式:

1。        将此代码放在自定义tableViewCell的awakeFromNib方法

    [cell.layer setMasksToBounds:YES];
    [cell.layer setCornerRadius:5.0];

2。        将自定义TableViewCell的contentview的backGround颜色设置为白色,然后将tableView的背景颜色设置为清晰的颜色。就是这样。