UIViewに影をつける

UIViewに影をつけると、立体感のある素敵なユーザインターフェースを実現できます。

1. QuartzCore/QuartzCore.hをインポート

#import <QuartzCore/QuartzCore.h>

2. 影の濃さと位置を指定します。

view.layer.shadowOpacity = 0.2; // 濃さを指定
view.layer.shadowOffset = CGSizeMake(10.0, 10.0); // 影までの距離を指定

ヒント:
setTransformで回転させたりした場合、影も回転してしまいます。スクリーンショットに掲載しているアプリの時針・分針・秒針は、少しずらした位置に別のUIViewを影っぽい色で表示しています。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">