BESUP
  • HOME
  • PRODUCT
  • CONTENT
    • Swift一覧 >
      • UIView(ビュー)
      • UILabel(ラベル)
      • UIButton(ボタン)
      • UITextField(テキストフィールド )
      • UITextFieldの編集・キーボードリターンキーを押した時
      • UITextView(テキストビュー)
      • UITextViewの編集・キーボードリターンキーを押した時
      • UITabBar(タブバー)
      • UINavigationBar(ナビゲーションバー)
      • UITableView(テーブルビュー)
      • 横スライドアニメーション
      • 手描き
  • お問い合わせ

B E S U P

ー はじまりを、より良い機能を ー
UILabelを使ってテキストを表示しよう! 入門ガイド
​概要
UILabelは、iOSアプリケーションでテキストを表示するために使用される基本的なUI要素です。この記事では、UILabelを作成する方法、ラベルのテキストの設定方法、そしてUILabelのスタイルを変更する方法などカスタマイズ方法を説明します。
本文
1.UILabelとは何か?
  UILabelは、iOSアプリ開発において、文字列を表示するためのUI要素です。
  UILabelに表示したい文字列を設定することで、画面上に文字を表示することができます
【ラベルを設定する】
 let label = UILabel()

【ラベルの位置と大きさを設定する】
 label.frame = CGRect(x: 0, y: 0, width: 200, height: 20)

【ラベルにテキスト設定する】
 label.​text = "Hello, World!"
2.UILabelをカスタマイズする方法
  UILabelのテキストフォントや文字色、背景色などもカスタマイズすることができます。
  ​以下のコードは、UILabelのフォントや文字色を設定する例です。
【ラベルの背景色を設定する】
    label.​​backgroundColor = UIColor(red: CGFloat(0.0), green: CGFloat(0.0), blue: CGFloat(0.0), alpha: 1.0)

【ラベルテキストのフォントサイズを設定する】
    label.font = UIFont.systemFont(ofSize: 64)

 【ラベルテキストの色を設定する】
    label.tintColor = UIColor(red: CGFloat(0.0), green: CGFloat(0.0), blue: CGFloat(0.0), alpha: 1.0)
  テキストの配置場所は、デフォルト設定では中央になっていますが、配置場所についてもカスタマイズすることが出来ます。
  以下がテキストの配置場所を設定するコードになります。
 【ラベルテキストの配置場所を設定する】
    label.textAlignment = NSTextAlignment.center(中央)
 ※NSTextAlignment.left(左揃え)
 ※NSTextAlignment.right(右揃え)
  ​またラベルの角を丸くすることで出来ます。
  以下がラベルの角を丸くするためのコードになります。
【ラベルを丸くする】
    label.layer.cornerRadius = 20
    label.clipsToBounds = true
まとめ
UILabelを使用することで、iOSアプリのユーザーインターフェースを構築することができます。
UI
Labelをマスターして、カスタマイズして素晴らしいユーザー体験を提供するiOSアプリを作っていきましょう!
コンテンツ一覧へ

ホーム

プライバシーポリシー

お問い合わせ

Copyright © 2020
  • HOME
  • PRODUCT
  • CONTENT
    • Swift一覧 >
      • UIView(ビュー)
      • UILabel(ラベル)
      • UIButton(ボタン)
      • UITextField(テキストフィールド )
      • UITextFieldの編集・キーボードリターンキーを押した時
      • UITextView(テキストビュー)
      • UITextViewの編集・キーボードリターンキーを押した時
      • UITabBar(タブバー)
      • UINavigationBar(ナビゲーションバー)
      • UITableView(テーブルビュー)
      • 横スライドアニメーション
      • 手描き
  • お問い合わせ