UILabelに丸角枠線で色設定方法メモ

ウェブ制作

タイトル通り UILabelに対して丸角設定や、枠線を追加し、それに対して色を設定する方法をメモしたいと思います。

まずはフレームワークを追加

QuartzCore.frameworkを追加する。
追加方法は
General > Linked Frameworks and Libraries+から追加。

コードから、フレームワークをインポート

import QuartzCore

設定を記述

// 例としてlabelNameにしました。
@IBOutlet weak var labelName: UILabel!
// 色を指定しておく
var keyColor = UIColor(red: 80/255, green: 184/255, blue: 255/255, alpha: 1.0)
// ボーダーの色
labelName.layer.borderColor = keyColor.CGColor
// ボーダーの太さ
labelName.layer.borderWidth = 1.0
// 丸角
labelName.layer.cornerRadius = 6

ボーダーの太さを指定

labelName.layer.borderWidth = 1.0

数字をふやすと太さが大きくなります。

ボーダーの色

labelName.layer.borderColor = UIColor.whiteColor().CGColor

UIColorを指定し、CGColorにするのがポイントです。
すぐに使えるwhiteColor()などの場合は上記のようにします。
好きな色にしたいときはまとめて例に出した方法がいいでしょう。

丸角の設定

labelName.layer.cornerRadius = 6

数値を上げると角が大きな角になります。

参考サイト

How should QuartzCore.framework imported in Swift?
Rounded corners in a UITableView (iOS7)
Swift – Problems with corner radius and drop shadow

コメント

タイトルとURLをコピーしました