Как вы видите только тень за пределами поля UIView?

Question

У меня есть UIView с полупрозрачным заполнением и тень. Поскольку заливка является полупрозрачной, я вижу тень за заливом.

- (id)init 
{ 
    self = [super init]; 
    if (self) { 
     self.backgroundColor = [UIColor colorWithWhite:1.0 alpha:0.8]; 
     self.layer.shadowColor = [UIColor blackColor].CGColor; 
     self.layer.shadowOffset = CGSizeMake(0.0, 0.0); 
     self.layer.shadowOpacity = 0.5; 
     self.layer.shadowRadius = 2.0; 
     self.layer.cornerRadius = 3.0; 
    } 
    return self; 
} 

Мне не нравится такое поведение. Я не вижу ничего позади, потому что непрозрачность заливки + непрозрачность тени> 100%. Как сделать его похожим на CSS, где тень выводится только за пределы рамки?

.someStyle { 
    background: white; 
    opacity: 0.8; 
    box-shadow: 0 0 1em rgba(0,0,0,0.5); 
} 

Answer 1

self.layer.shadowOffset = CGSizeMake(0.0, 1.0); shadow only on the bottom 
self.layer.shadowOffset = CGSizeMake(1.0, 0.0); shadow only on the right side 
self.layer.shadowOffset = CGSizeMake(1.0, 1.0); shadow on the right and bottom sides. 

смещения тени делает именно то, что он говорит. установить его на 0,0 приведет к отсутствию теней (если ваш вид не прозрачен/полупрозрачен).

Answer 2

Я был в состоянии получить этот желаемый эффект, используя что-то вроде следующего:

... 
someLayer.backgroundColor = [[UIColor greenColor] CGColor]; 
someLayer.shadowOpacity = 1.0; 
someLayer.shadowOffset = CGSizeMake(10.0, 10.0); 
someLayer.shadowColor = [[UIColor blackColor] CGColor]; 

someLayer.rasterizationScale = [[UIScreen mainScreen] scale]; 
someLayer.shouldRasterize = YES; 
someLayer.opacity = 0.5; 

[[self layer] addSublayer:someLayer];