0

如何在iOS中投下物體陰影?在ios中投下陰影

我的對象是UIImageView,我想放下一個橢圓形陰影。請參考圖像以供參考。 enter image description here

+0

爲什麼不使用帶有幾乎透明的黑色橢圓另一圖像? – alexburtnik

+0

您的對象?你是如何面向對象的。你試過什麼了? –

+0

@Leo Natan紅色矩形是我的對象。其實它的imageview,我想投下imageview的陰影,如圖 – HPM

回答

4

更好的是您使用另一個圖像來顯示陰影。使用模糊圖像或更改imageview的alpha。

或者,如果你想以編程方式做到這一點,試試吧:

的OBJ C:

//create elliptical shadow for image through UIBezierPath 
CGRect ovalRect = CGRectMake(0.0f, _imageView.frame.size.height + 10, _imageView.frame.size.width, 15); 
UIBezierPath *path = [UIBezierPath bezierPathWithOvalInRect:ovalRect]; 

//applying shadow to path 
_imageView.layer.shadowColor = kShadowColor.CGColor; 
_imageView.layer.shadowOffset = CGSizeMake(0.0, 0.0); 
_imageView.layer.shadowOpacity = 1.0; 
_imageView.layer.shadowRadius = 3.0; 
_imageView.layer.shadowPath = path.CGPath; 

斯威夫特:

//create elliptical shdow forimage through UIBezierPath 
var ovalRect = CGRectMake(0.0, imageView.frame.size.height + 10, imageView.frame.size.width, 15) 
var path = UIBezierPath(ovalInRect: ovalRect) 

//applying shadow to path 
imageView.layer.shadowColor = UIColor(white: 0.0, alpha: 0.5).CGColor 
imageView.layer.shadowOffset = CGSizeMake(0.0, 0.0) 
imageView.layer.shadowOpacity = 1.0 
imageView.layer.shadowRadius = 3.0 
imageView.layer.shadowPath = path.CGPath 

輸出:

enter image description here

http://www.innofied.com/implementing-shadow-ios/兩者也看看了解更多:UIView with rounded corners and drop shadow?

+0

這適用於我。謝謝 – HPM

+0

歡迎。請接受並提出我的回答。 @HPM –

0

您可以使用CAShapeLayer這樣的:

的Objective-C:

// init CAShapeLayer 
CAShapeLayer *shadowLayer = [CAShapeLayer layer]; 
shadowLayer.frame = CGRectMake(CGRectGetMinX(_imageView.frame), CGRectGetMaxY(_imageView.frame), _imageView.frame.size.width, _imageView.frame.size.height); 
shadowLayer.path = [UIBezierPath bezierPathWithOvalInRect:shadowLayer.bounds].CGPath; 
shadowLayer.fillColor = [UIColor colorWithWhite:0 alpha:0.02].CGColor; 
shadowLayer.lineWidth = 0; 
[self.view.layer addSublayer: shadowLayer]; 

斯威夫特3

let shadowLayer = CAShapeLayer() 
shadowLayer.frame = CGRect(x: imageView.frame.minX, y: imageView.frame.maxY, width: imageView.frame.width, height: imageView.frame.height * 0.25) 
shadowLayer.path = UIBezierPath(ovalIn: shadowLayer.bounds).cgPath 
shadowLayer.fillColor = UIColor(white: 0, alpha: 0.02).cgColor 
shadowLayer.lineWidth = 0 
view.layer.addSublayer(shadowLayer) 

輸出:

enter image description here