ビューや画像の角を丸くする – iphoneアプリケーション開発

概要

appleらしい、角丸ビューや角丸画像を作る方法。簡単。

サンプルコード

#import "QuartzCore/QuartzCore.h"

// (略)

view.layer.cornerRadius = 4;
view.clipsToBounds = YES;

手順

1.ビューを参照できるクラス内で、QuartzCoreフレームワークをインポートする。

#import "QuartzCore/QuartzCore.h"

2.UIViewクラスのオブジェクトのlayer(CALayer)を取り出し、cornerRadiusプロパティを設定する。

view.layer.cornerRadius = 4;

3.UIViewオブジェクトのclipsToBoundsプロパティの値をYESにする。

view.clipsToBounds = YES;

4.完成
角丸完成。

※イメージのcornerRadiusの値は、左上から右下に向かって、0,6,12,18,24,30

オライリーの本

エンジニアのための時間管理術 入門 HTML5 入門 ソーシャルデータ ―データマイニング、分析、可視化のテクニック C実践プログラミング 第3版 Cooking for Geeks ―料理の科学と実践レシピ (Make: Japan Books) ハイパフォーマンスWebサイト ―高速サイトを実現する14のルール JavaScriptグラフィックス ―ゲーム・スマートフォン・ウェブで使う最新テクニック JavaScript 第5版

関連エントリー

Comments

Leave a Reply