2011年 1月 22日(土曜日) 00:55

UIViewの角を丸くするには

評価:
(1 Vote)

これもいつもやり方を忘れてしまうので書いておきます。

InterfaceBuilderでは、UIViewの角を丸くする設定がありません。UIButtonはButtonTypeをRoundedRectにすることで丸くなりますが。

UIViewの角を丸くするには、UIViewが保持しているCALayerに対して設定する必要がありますが、これはUIKitではなくてQuartzCore Frameworkに属していて、次のような手順が必要になります。

1. QuartzCore Frameworkを追加

XCodeの"Frameworks"を右クリックして、"Add" -> "Existing Frameworks..."を選び、リストからQuartzCore.Frameworkを選択します。

2. QuartzCore.hをインポート

角を丸くしたいViewを含むクラスのヘッダファイルで、QuartzCore/QuartzCore.hをインポートします。

#import <QuartzCore/QuartzCore.h>
3. CALayerのcornerRadiusプロパティを設定します。
    view.layer.cornerRadius = 5.0f;
    view.clipsToBounds = YES;

clipsToBounds = YESにしておくと、サブビューも角でクリップされるようになります。

最終更新日: 2011年 6月 27日(月曜日) 01:11
くらち たかよし

くらち たかよし

モバイル・Webアプリ作家。最近は主にiPhoneアプリ制作を手がける。企画から、UIデザイン、設計、実装、テスト、多言語対応、ユーザーサポートまでを1人〜数人の個人で行う全人的開発手法の確立を目指している。

使う言語はObjective-C, C++, C#, Java, PHPなど。Web関連で使うものはCakePHP, MySQL, Joomla! CMSなど。デザインはシロウトながらPhotoshopとIllustratorをなんとかがんばって使う。

場所や時間に縛られない、インターネット時代の新しい働き方、自由な生き方を模索中。海外移住、低予算&低リスク起業、キャリアデザイン、心理学などにも興味あり。

Web: awaresoft.jp/