 |
↑クリックして拡大
↑クリックして拡大
↑クリックして拡大
↑クリックして拡大
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);
↓こんな記事もありますよ！
 2021-04-22 14:54:53 | かっこいいカルーセル厳選3点！WebGLを使った渋い画像スライダー。
昨日カッコいいスライダーを探す旅にでていました。
よく使われるswiper など、シンプルで使いやすくデザインも良いのですが、何かもの足りない、、、。
そこで調べていくと、webglを使... |
 2021-04-20 14:46:43 | Twillioとは何？？skywayとは何が違うのか。webrtcを使う際に判断する情報。
先日webrtc開発で「twillio」といった名前を聞きました。
以前自分でskywayを使ってwebrtcを試していた際に調べた時には、無かったような気もするんだけと、KDDIが絡んでいる... |
 2021-04-19 13:58:21 | 先日久々にアップデートした妊娠週刊パパのAndroid版も。アカウント移管したいんだけど、注文ID見当たらないよ。
先日の妊娠、出産、育児関連のアプリ「妊娠週刊パパ」をAndroid studioで再リリースしようと思ってるんだけど、コンパイル失敗してエミュレータで動かせない。
多分sdkとかapiのバージ... |
Tweet
|
|||
| |||
