iOS:角丸ボーダー付きUILabelを作成する方法

border-in-uilabel.png

標準のInterfaceBuilderではUILabelに角丸はおろか、ボーダーラインを描画することもできませんが、プログラムコードの中だと角丸ボーダーをUILabelに適用することができます。

「QuartzCore」をimport

まずはQuartzCoreフレームワークをプロジェクトに追加した後、UILabelを利用しているクラスファイルにimport文でQuartzCoreヘッダファイルを読み込みます。

#import <QuartzCore/QuartzCore.h>

UILabelのlayerに線や角丸を適用する

そして、UILabelインスタンス(ここではmyLabelとします)に対し、layerプロパティ中のborderColorでボーダー色、borderWidthで線幅を指定できます。

また、矩形の角を丸くする角丸を実現するにはcornerRadiusプロパティに数値を指定してください。

myLabel.layer.borderColor = [UIColor whiteColor].CGColor;  //ボーダー色(白)
myLabel.layer.borderWidth = 2.0;  //ボーダー幅(2ピクセル)
myLabel.layer.cornerRadius = 10.0;  //角丸半径(10ピクセル)

お役に立ちましたでしょうか?

このページをシェアする

コメントを残す

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

2011-11-20