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

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

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

角丸にする
UIImageView *view = [[UIImageView alloc] init];
[[view layer] setCornerRadius:10.0f];
ボーダー
UIImageView *view = [[UIImageView alloc] init];
[[view layer]setBorderColor:[[UIColor whiteColor] CGColor]];
[[view layer]setBorderWidth:4.0f];
マスク
UIImageView *view = [[UIImageView alloc] init];
[[view layer] setMasksToBounds:YES];
シャドウ
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];

まとめ

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

siro:chro 無料ゲーム SQN をリリースしました

img_sqn_00

sirochro 初の無料ゲームアプリ SQN をリリースしました。
記事:SQN: iOS 無料ゲームアプリ SQN - Sequential Numbers をリリース
ちょっとした時間に楽しめる完全無料のゲームなっていますので、是非ダウンロードして遊んでみてください。

↓SQN のダウンロードはこちらから

Related Contents

Pickup Contents