UIView や UITableView の角を丸くカットする : Objective-C プログラミング

PROGRAM


UIView や UITableView の角を丸くカットする

UIView は layer を使用することで、簡単に角を丸くクリップすることができるようになっています。

以前にも 角丸の領域をグラデーションで塗りつぶす で UIView の角を丸く取ったこともありましたけど、ちょっと角を取りたいくらいであれば、今回お話しする方法がとても簡単です。

 

UIView の角を取るには UIView の layer.cornerradius プロパティに、角をどうれくらい丸くするかを指定します。

必要に応じて、サブビューも一緒にクリップされるように、clipsToBounds に YES を設定します。

// UIView とそのサブビューの角を丸く切り抜きます。

view.layer.cornerradius = 8.0;

view.clipsToBounds = YES;

なお、UIView の layer プロパティを使用するためには、次のようにして QuartzCore.h ヘッダーをインポートしておく必要があります。

#import <QuartzCore/QuartzCore.h>

これで無事にコンパイルも通り、UIView の角を丸く抜くことができました。

 

この方法を使えば、UIView のサブビューとして配置した UITableView の角を丸く取るのも簡単です。

その サンプルコード は GitHub に上げてあるので、必要に応じてそちらも参考にしてみてください。

[ もどる ]