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);
↓こんな記事もありますよ！
 | Pre特殊文字難民記事を書いている時によくつまずくことがあります。preでコードを表示する際に、 カッコを使うと文章が消えてしまったり、ドルマークの変数が表示できなかったり。その度に検索して探しているのでサイトの中に入れてしまいます。 以前のバックスラッシュもそうですが、こういった特殊文字難民対策のページにしておきます。 |
 | NSFileManagerでAPP保存領域のデータ操作ファイルやディレクトリ作成はなんとなく面倒くさいイメージがありましたが、この記事で少し自分の中で壁が低くなった気がします。 よろしければご利用くださいませ。 |
 | NSThreadでスレッド処理を行うタイマー処理と同様に利用できるスレッドの処理です。NSTimerではヒゲがのびたサンプルでしたので眉毛の濃くなるサンプルにしてみます。ただ、どうやらThread処理は 推奨されておらず、dispatch_queueを使用するべきのようです。 |
Tweet
|
|||
| |||
