使用多个子视图使交叉点透明

Question

请检查下图。我添加了“黑色”颜色的滚动视图，并添加了“灰色”颜色的子视图。现在我想让子视图透明，定义为“白色”颜色。

请参考下面的代码。让我知道如何使按钮在特定框架下透明，或者让我知道您是否有其他选择。

self.scrollView = [[UIScrollView alloc] initWithFrame:CGRectMake(0.0, 40.0, self.frame.size.width, 300.0)];
self.scrollView.contentSize = CGSizeMake(self.bounds.size.width,ViewHeight);
self.scrollView.autoresizingMask=UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;
self.scrollView.delegate = self;
self.scrollView.backgroundColor =[UIColor blackColor];
[self.view addSubview:self.scrollView


UIButton *butApp = [UIButton buttonWithType:UIButtonTypeCustom];
[butApp setFrame:CGRectMake(x, y , w, h)];
[butApp setBackgroundColor:[UIColor greyColor]];
[self.scrollView addSubview:butApp];


UIButton* gapButton = [UIButton buttonWithType:UIButtonTypeCustom];
[gapButton setFrame:CGRectMake(x+3, y+10, w-6, 10)];
[gapButton setBackgroundColor:[UIColor whiteColor]];
[self.scrollView addSubview:gapButton];

我需要灰色的透明部分，而不是这个间隙按钮，这样用户就可以看到该部分的黑色。

Answer 1

试试这个，我在评论中建议的。其他答案需要子类化 UIButton，您认为这在您的情况下并不理想。

UIButton *butApp = [UIButton buttonWithType:UIButtonTypeCustom];
[butApp setFrame:CGRectMake(x, y , w, h)];
//[butApp setBackgroundColor:[UIColor greyColor]]; //replace this...
[butApp setBackgroundImage:[UIImage imageNamed:@"greyWithHoleInCenter.png"]
                   forState:UIControlStateNormal]; //...with this
[self.scrollView addSubview:butApp];

我创建了一个原始的 .png 文件来表示您可能正在寻找的背景图像类型。请注意，中心是透明的，而不是白色的。因此，它应该显示其后面的任何图像：

Answer 2

好的。有趣的问题。在我看来，你必须通过子类化 UIView 类来重写 drawRect: + drawInContext: 方法。
您还需要将容器视图（灰色视图）+按钮 bg 设置为clearColor

-(void)drawRect:(CGRect)r
{
 // Let this method blank will cause drawLayer:InContext to be called
}

-(void)drawLayer:(CALayer*)layer inContext:(CGContextRef)context
{
       // Fill the bg with gray 
    CGContextSetFillColorWithColor(context, [UIColor grayColor].CGColor);
    CGContextFillRect(context, self.bounds);

      // I clear the subview frames
    for (UIView * v in [self subviews]) // I do it for all subviews
    {
        CGContextSetBlendMode(context, kCGBlendModeClear);
        CGContextFillRect(context, v.frame);
    }
}