当サイトはリンクフリーです。リンク大歓迎です：）

Swift転職なら=>【LevTech】

↑クリックして拡大

外部サイト

swift 開発に関するツイート

頭痛が減ったので共有です！

rebuild.fmを応援しています！

HOME > UILabel

UILabel

UILabelクラスは文字表示を管理するクラスです。画面に文字を表示させたい時に使用します。

UILabelのクラス階層

NSObject
↑
UIResponder
↑
UIView
↑
UILabel

参考Appleサイト(英語)： UIKit Framework Reference UILabel Class Reference

UILabel例文

以下それぞれ説明していきます。

シンプルな記載

uilabel画像サンプル


//ラベル例文
let label = UILabel(frame: CGRect(x:0, y:0, width:100, height:20));
label.text = "中年サラリーマンです！";
self.view.addSubview(label);

色味や文字サイズをつける

uilabel画像サンプル


//ラベル例文（＋α）
let label = UILabel(frame: CGRect(x:0, y:0, width:100, height:20));
label.center = CGPointMake(160, 284);//表示位置
label.textAlignment = NSTextAlignment.Center//整列
label.font = UIFont.systemFontOfSize(12);//文字サイズ
label.textColor = UIColor.blueColor();////文字色
label.backgroundColor = UIColor.yellowColor();////背景色
label.text = "中年サラリーマンですって！";
self.view.addSubview(label);

sizeFitを使うことで文字が...と省略されずに可変に表示される方法です。

uilabel画像サンプル


//横幅自動補正
let label = UILabel(frame: CGRect(x:0, y:0, width:100, height:0));
label.text = "中年サラリーマンです！";
label.sizeToFit();
self.view.addSubview(label);

numberofLinesを0にしてからsizeToFitするとCGRectで作成した枠の中に複数行で表示されます

uilabel画像サンプル


//横幅自動補正（複数行）
let label = UILabel(frame: CGRect(x:0, y:0, width:100, height:100));
label.text = "中年サラリーマンです！中年サラリーマンですって！中年サラリーマンなんです！しつこいですね、、、中年サラリーマンです。中年サラリーマンですよ、、、";
label.numberOfLines = 0;
label.sizeToFit();
self.view.addSubview(label);

中央表示。センターに文字を表示します。

uilabel画像サンプル


		let label1 = UILabel(frame: CGRect(x:0, y:0, width:320, height:20));
        label1.text = "中年サラリーマンです！";
        self.view.addSubview(label1);
        label1.backgroundColor = UIColor.yellowColor();
        label1.textAlignment = NSTextAlignment.Center//センター揃え
        self.view.addSubview(label1);

カスタマイズ

背景が四角や丸のUILabelの作り方

四角の作り方、は単純に縦横を同じ数値にするだけです

uilabel画像サンプル


        let width = self.view.frame.maxX, height = self.view.frame.maxY
        var label1 = UILabel(frame: CGRect(x:width/2 - 40, y:height/2, width:80, height:80));
        label1.text = "中年";
        label1.backgroundColor = UIColor.yellowColor();
        label1.textAlignment = NSTextAlignment.Center
        self.view.addSubview(label1);

丸の作るには二行追加します。

uilabel画像サンプル


        let width = self.view.frame.maxX, height = self.view.frame.maxY
        var label1 = UILabel(frame: CGRect(x:width/2 - 40, y:height/2, width:80, height:80));
		
        label1.text = "中年";
        label1.backgroundColor = UIColor.grayColor();
        label1.textAlignment = NSTextAlignment.Center
        label1.layer.masksToBounds = true
        label1.layer.cornerRadius = 40.0
        self.view.addSubview(label1);

フォントサイズを変更します

uilabel画像サンプル


    var label = UILabel(frame: CGRect(x:0, y:0, width:300, height:20));
    label.text = "中年サラリーマンです！";
    label.font = UIFont.systemFontOfSize(20)
    self.view.addSubview(label);

フォントサイズをフォントを指定して変更します

uilabel画像サンプル


    var label = UILabel(frame: CGRect(x:0, y:0, width:300, height:20));
    label.text = "中年サラリーマンです！";
    label.font = UIFont(name: "HiraKakuProN-W3", size: 24)
    self.view.addSubview(label);

フォント一覧を確認したい場合はこちらの過去記事からどうぞ！(UIFontで一覧を表示してPhotoアルバムに保存する)

フォントに影をつける。

uilabel画像サンプル影無い時

uilabel画像サンプル影ある時


        var label = UILabel(frame: CGRect(x:50, y:100, width:100, height:0));
        label.textColor = UIColor.blueColor();////文字色
         label.shadowColor = UIColor.grayColor();
        label.text = "中年サラリーマンです！";
        label.sizeToFit();
        self.view.addSubview(label);

↓こんな記事もありますよ！

	大阪都構想の橋下さんの鼻に誠意をもって顔認識処理で画鋲を刺す先日大阪都構想でニュースがざわついておりましたが、そこで自分が思っていたこと、なぜ鼻ピンしたのかを顔認識サンプルと誠意を込めて書き記してまいります。(※選挙ポスターに画鋲を刺す事や、そもそも「他人様」の画像を変更することがタブーな事を理解しつつの投稿です。問題がないかの問い合わせメールを送る予定です。画像はWikipediaからの引用です)
	CLLocationManagerで現在位置を取得あっさりしたシンプルなサンプルがなかったので省略型です。
	UIActivityIndicatorView iOSでローディングをする簡単な方法は標準のインディケータを表示する方法です。画面中央でぐるぐる回ります。

右側のFacebookのLikeをクリック頂けると記事更新の際に通知されますので宜しければご利用下さい！

Swiftサラリーマン

UILabel

UILabelのクラス階層

UILabel例文

カスタマイズ

↓こんな記事もありますよ！

大阪都構想の橋下さんの鼻に誠意をもって顔認識処理で画鋲を刺す

CLLocationManagerで現在位置を取得

UIActivityIndicatorView