Objective-C:CALayer 角丸・ボーダー・マスク・シャドウのエフェクトを適用する

CSS3でも定番のエフェクト。Objective-Cでも簡単に実現できる。

角丸・ボーダー・マスク・シャドウのエフェクト

角丸にする

[code]
UIImageView *view = [[UIImageView alloc] init];
[[view layer] setCornerRadius:10.0f];
[/code]

ボーダー

[code]
UIImageView *view = [[UIImageView alloc] init];
[[view layer]setBorderColor:[[UIColor whiteColor] CGColor]];
[[view layer]setBorderWidth:4.0f];
[/code]

マスク

[code]
UIImageView *view = [[UIImageView alloc] init];
[[view layer] setMasksToBounds:YES];
[/code]

シャドウ

[code]
UIImageView *view = [[UIImageView alloc] init];
[view setShadowColor:[[UIColor blackColor] CGColor]];
[view setShadowRadius:1.0f];
[view setShadowOffset:CGSizeMake(1.0f, 2.0f)];
[view setShadowOpacity:0.8f];
[/code]

まとめ

Web2.0以降定番となっているエフェクトだが、そろそろ次のUIや画面デザインのマッシュアップが生まれてきてもいいのかもしれない。