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

標準の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;  //ボーダー幅（２ピクセル）
myLabel.layer.cornerRadius = 10.0;  //角丸半径（10ピクセル）

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

描画テストの読み方: 事例検討会を通して学ぶ実施・解釈・所見

￥3,520 (2025-04-19 22:41 GMT +09:00 時点 - 詳細はこちら価格および発送可能時期は表示された日付/時刻の時点のものであり、変更される場合があります。本商品の購入においては、購入の時点で当該の Amazon サイトに表示されている価格および発送可能時期の情報が適用されます。)

描画テスト

￥2,530 (2025-04-19 22:41 GMT +09:00 時点 - 詳細はこちら価格および発送可能時期は表示された日付/時刻の時点のものであり、変更される場合があります。本商品の購入においては、購入の時点で当該の Amazon サイトに表示されている価格および発送可能時期の情報が適用されます。)

イラスト、漫画のためのポーズの描画教室

￥2,420 (2025-04-19 22:41 GMT +09:00 時点 - 詳細はこちら価格および発送可能時期は表示された日付/時刻の時点のものであり、変更される場合があります。本商品の購入においては、購入の時点で当該の Amazon サイトに表示されている価格および発送可能時期の情報が適用されます。)