Question

我有一个带径向渐变背景的ViewController。在里面，我有一个带有单元格和部分的UITableView。现在我想在滚动时显示表格视图后面的渐变。问题是，当部分锁定在顶部时，您可以看到该部分后面的单元格。我会设置截面背景颜色，但如果我这样做它与径向渐变背景不匹配。无论如何，在保持clearColor背景的同时将细胞夹在切片下面？

Answer 1

获取透明节标题而不创建自己的标题视图的简单方法。

- (void)tableView:(UITableView *)tableView willDisplayHeaderView:(UIView *)view forSection:(NSInteger)section
{
    if ([view isKindOfClass:[UITableViewHeaderFooterView class]]) {
        UITableViewHeaderFooterView *headerView = (UITableViewHeaderFooterView *)view;
        headerView.contentView.backgroundColor = [UIColor clearColor];
        headerView.backgroundView.backgroundColor = [UIColor clearColor];
    }
}

这段代码在iOS 7中完美运行。

修改我知道这有点晚了，但是你需要添加2行来确保uitableview的背景颜色（以及背景视图的背景颜色？）也很清楚。

tableView.backgroundColor = [UIColor clearColor]; tableView.backgroundView.backgroundColor = [UIColor clearColor];

Answer 2

如果我理解它，你需要一个完全清晰的tableview和tableview单元格，这样你就可以看到你的视图控制器的背景。

您可以通过将tableview设置为没有背景

来实现此目的

tableview.backgroundColor = [UIColor clearColor];
tableView.opaque = NO;
tableView.backgroundView = nil;

以及细胞

cell.backgroundColor = [UIColor clearColor]

如果您还希望该部分是透明的，则可以使用此方法：

- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section {

制作自定义视图（例如，为背景创建一个透明的.png图像视图）

我希望我能正确理解你的问题。

澄清后编辑

给出单元格在进入节标题之前停止的外观：

使用此ivar创建一个类uitableview的子类：

@interface CustomTableView : UITableView
{
        CAGradientLayer* maskLayer;
}

显然这将创建一个渐变但是如果你想要你可以调整它或使用CALayer而不是以编程方式创建蒙版，创建一个带有节头的正确宽度/高度的.png。

无论如何：如果您使用CAGradientLayer：

- (id)initWithCoder:(NSCoder *)coder
{
    self = [super initWithCoder:coder];
    if (self) 
    {
        [self setupGradients]; //call your method
    }
    return self;
}

- (void)setupGradients
{
    [self addObserver:self forKeyPath:@"contentOffset" options:0 context:nil];

    */ ***** if you choose to use CALayer instead of CAGradient ****** */
    //maskLayer = [[CALayer layer] retain]; 
    //maskLayer.contents = (id) [UIImage imageNamed:@"maskLayer.png"].CGImage; 
    //maskLayer.backgroundColor = [UIColor clearColor].CGColor; 
    */ ***** if you choose to use CALayer instead of CAGradient ****** */

    maskLayer = [[CAGradientLayer layer] retain];

    CGColorRef outerColor = [UIColor colorWithWhite:1.0 alpha:0.0].CGColor;
    CGColorRef innerColor = [UIColor colorWithWhite:1.0 alpha:1.0].CGColor;

    maskLayer.colors = [NSArray arrayWithObjects:(id)outerColor, 
                        (id)innerColor, (id)innerColor, (id)outerColor, nil];
    maskLayer.locations = [NSArray arrayWithObjects:[NSNumber numberWithFloat:0.0], 
                           [NSNumber numberWithFloat:0.0], 
                           [NSNumber numberWithFloat:0.9], 
                           [NSNumber numberWithFloat:1.0], nil]; //this creates a gradient     effect. Tweak these numbers for a hard line. 

    maskLayer.bounds = CGRectMake(0, 0, self.frame.size.width, self.frame.size.height);
    maskLayer.anchorPoint = CGPointZero;

    self.layer.mask = maskLayer;
    }

- (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary *)change context:(void *)context
{        
    [CATransaction begin];
    [CATransaction setDisableActions:YES];
    maskLayer.position = CGPointMake(0, self.contentOffset.y);
    [CATransaction commit];
}

然后在你的视图控制器中：

   CustomTableView *_tableView; //ivar

   _tableView = [[CustomTableView alloc] initWithFrame:YOUR_FRAME];

基本思想是一个面具，你在tableview的顶部创建一个与截面标题大小相同的面具形状。似乎细胞“消失”在它后面。这有点棘手，但它会奏效。

带有clearColor背景的UITableView部分？

2 个答案: