Cách tốt nhất để tạo bóng tối đằng sau UIImageView

Question

Tôi có UIImageView mà tôi muốn thêm bóng sau. Tôi ước rằng táo đã có tài sản đó nhưng họ phải làm rất nhiều thứ khó khăn cho chúng tôi vì vậy tôi cần đặt câu hỏi này.

Answer 1

Có một cách tốt hơn và dễ dàng hơn để làm điều này. UIImageView kế thừa từ UIView để nó có thuộc tính lớp. Bạn có thể truy cập các thuộc tính shadow của layer và bam, bạn có một shadow.

Nếu bạn có UIImageView dưới dạng IBOutlet thành tệp nib, bạn chỉ có thể triển khai awakeFromNib ví dụ:

Objective-C

- (void)awakeFromNib { 
    imageView.layer.shadowColor = [UIColor purpleColor].CGColor; 
    imageView.layer.shadowOffset = CGSizeMake(0, 1); 
    imageView.layer.shadowOpacity = 1; 
    imageView.layer.shadowRadius = 1.0; 
    imageView.clipsToBounds = NO; 
} 

Đừng quên #import "QuartzCore/CALayer.h"

---

Đối với Swift, bạn có thể đi về nó theo nhiều cách. Tạo một lớp mở rộng, phân lớp hoặc một cá thể imageView. Cho dù cách nào, quá trình này cũng giống nhau trong việc sửa đổi thuộc tính shadow của layer.

Swift 3

override func awakeFromNib() { 
    super.awakeFromNib() 

    imageView.layer.shadowColor = UIColor.purple.cgColor 
    imageView.layer.shadowOffset = CGSize(width: 0, height: 1) 
    imageView.layer.shadowOpacity = 1 
    imageView.layer.shadowRadius = 1.0 
    imageView.clipsToBounds = false 
} 

Answer 2

Điều đơn giản nhất để làm là thêm một lớp bóng tối để xem hình ảnh của bạn:

CALayer    *layer = [CALayer layer]; 
CGRect    bounds = self.bounds; 

layer.bounds = bounds; 
layer.position = CGPointMake(bounds.size.width/2 + 3, bounds.size.height/2 + 3); 
layer.backgroundColor = [UIColor colorWithWhite: 0.25 alpha: 0.55].CGColor; 
layer.zPosition = -5; 

[self.layer addSublayer: layer]; 

Hãy chắc chắn "Clip subviews" bị tắt cho xem

Answer 3

trong thêm vào đó, nếu bạn muốn làm cho đường viền màu trắng và bóng tối, bạn có thể sử dụng mã rằng:

//shadow part 
imageView.layer.shadowColor = [UIColor blackColor].CGColor; 
imageView.layer.shadowOffset = CGSizeMake(0, 1); 
imageView.layer.shadowOpacity = 1; 
imageView.layer.shadowRadius = 1.0; 
//white border part 
[imageView.layer setBorderColor: [[UIColor whiteColor] CGColor]]; 
[imageView.layer setBorderWidth: 2.0]; 

Answer 4

UIView thiết shadowlayer

và addSubview: imageView của bạn

Answer 5

Giải pháp Swift với phần mở rộng. Subclassing là không cần thiết. Gọi myImage.addShadow() từ viewDidLoad(). Điều này sẽ hoạt động cho UIView và UIImageView.

extension UIView { 

    func addShadow() { 
     layer.shadowColor = UIColor.black.cgColor 
     layer.shadowOffset = CGSize(width: 0, height: 0) 
     layer.shadowOpacity = 0.5 
     layer.shadowRadius = 5 
     clipsToBounds = false 
    } 
}