UIImageViewを丸くして境界線と影を境界線の周りに追加します

Question

と似ていますが、の質問がありますが、私の問題を解決するのに役立つ回答は見つかりませんでした。あなたが見たことがあれば、これを重複としてマークしてください。ただし、類似の部分だけでなく質問全体にも答えてください。

私はUIImageViewを持っており、コーナーを丸めて境界線を追加しています。しかし、私はいくつかの深さを私のUIを与えるためにいくつかのドロップシャドウを追加し始めている。私は自分のプロフィール画像に影を追加しています。次のコードは完璧な円形に切り取られた完全に正方形の画像に最適です。しかし、非正方形の矩形画像の場合、影は画像ビューではなく画像そのものに適用されるので、丸みを帯びた矩形画像の周りに丸い境界線ができます。円形の境界線。 UIImageView内の画像ではなく、ボーダーの周りにこの影を適用するコードを変更する方法についての洞察はありますか？

おかげ

//Set profile image view to be rounded (default appears rounded due to alpha background, need rest to appear rounded as well 
[self.profileImageView layoutIfNeeded]; 
CALayer *imageLayer = self.profileImageView.layer; 
[imageLayer setCornerRadius:self.profileImageView.frame.size.width/2]; 
[imageLayer setBorderWidth:1]; 
[imageLayer setBorderColor:[[UIColor colorWithRed:78.0/255.0 green:82.0/255.0 blue:85.0/255.0 alpha:1] CGColor] ]; 
[imageLayer setMasksToBounds:YES]; 

//Apply shadows to necessary views for the job badge 
[self.profileImageView.layer setShadowColor:[[UIColor blackColor] CGColor]]; 
[self.profileImageView.layer setShadowRadius:4.0f]; 
[self.profileImageView.layer setShadowOffset:CGSizeMake(0, -3)]; 
[self.profileImageView.layer setShadowOpacity:0.5f]; 

Answer 1

問題は、あなたがcornerRadiusを設定すると影が他のコンテンツと一緒にマスクされていることです。

内側の影とマスクされたimageViewを使用して中間のコンテキストビューを使用することができます。ここでは、コードですが、あなたは同様にInterface Builderとautolayoutsと同じ操作を行うことができます。

UIView *containerView = [[UIView alloc] initWithFrame:CGRectMake(50, 50, 200, 200)]; 
[containerView.layer setShadowColor:[[UIColor blackColor] CGColor]]; 
[containerView.layer setShadowRadius:4.0f]; 
[containerView.layer setShadowOffset:CGSizeMake(0, -3)]; 
[containerView.layer setShadowOpacity:0.5f]; 
[self.view addSubview:containerView]; 

UIImageView *imageView = [[UIImageView alloc] initWithFrame:containerView.bounds]; 
imageView.image = [UIImage imageNamed:@"rgb"]; 
[imageView.layer setCornerRadius:imageView.frame.size.width/2]; 
[imageView.layer setBorderWidth:1]; 
[imageView.layer setBorderColor:[[UIColor colorWithRed:78.0/255.0 green:82.0/255.0 blue:85.0/255.0 alpha:1] CGColor] ]; 
[imageView.layer setMasksToBounds:YES]; 
[containerView addSubview:imageView]; 

出力：