Swift転職なら=>【LevTech】
 |
↑クリックして拡大
↑クリックして拡大
↑クリックして拡大
↑クリックして拡大
Facebook#1(調査)| 外部サイト |
|
|
HOME > UILabel
UILabel
UILabelクラスは文字表示を管理するクラスです。画面に文字を表示させたい時に使用します。
UILabelのクラス階層
NSObject
↑
UIResponder
↑
UIView
↑
UILabel
UILabel例文
以下それぞれ説明していきます。
シンプルな記載
//ラベル例文
let label = UILabel(frame: CGRect(x:0, y:0, width:100, height:20));
label.text = "中年サラリーマンです！";
self.view.addSubview(label);
色味や文字サイズをつける
//ラベル例文（＋α）
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を使うことで文字が...と省略されずに可変に表示される方法です。
//横幅自動補正
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で作成した枠の中に複数行で表示されます
//横幅自動補正（複数行）
let label = UILabel(frame: CGRect(x:0, y:0, width:100, height:100));
label.text = "中年サラリーマンです！中年サラリーマンですって！中年サラリーマンなんです！しつこいですね、、、中年サラリーマンです。中年サラリーマンですよ、、、";
label.numberOfLines = 0;
label.sizeToFit();
self.view.addSubview(label);
中央表示。センターに文字を表示します。
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の作り方
四角の作り方、は単純に縦横を同じ数値にするだけです
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);
丸の作るには二行追加します。
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);
フォントサイズを変更します
var label = UILabel(frame: CGRect(x:0, y:0, width:300, height:20));
label.text = "中年サラリーマンです！";
label.font = UIFont.systemFontOfSize(20)
self.view.addSubview(label);
フォントサイズをフォントを指定して変更します
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アルバムに保存する)
フォントに影をつける。
影無い時
影ある時
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からの引用です) |
 | UIScrollViewでパラパラ画像切り替え画像のパラパラ切り替えフォトギャラリーを作成できます。大きな画像の一部分だけを切り抜きしてマスク表示するクラスです。 |
 | UITextViewでテキストを複数行表示するUITextFieldは一行表示ですが、UITextFieldは複数行を表示することができます。 |
Tweet
|
|||
| |||
