8. Swift入門 UILabelで文字列の表示 iOSデバイスの画面サイズの取得: はじめてのコンピュータ・パソコン

2015年07月30日

8. Swift入門 UILabelで文字列の表示 iOSデバイスの画面サイズの取得

キーワード
：Xcodeの使い方　Swift　
　UILabel　文字列表示　iOSデバイスの画面サイズの取得

Swiftプログラミング講座 | Xcode(Mac)でアプリ開発講座.png

今回の記事では、

Macのプログラミングのための

統合開発環境
（IED：Integrated Development Environment）

のXcodeを使って、

Xcode

Swift言語の入門的な内容の記事を

まとめておきます。

動画では、

コード入力で、

「 UILabelクラス 」

を利用しながら、

IOSシミュレータ上に

文字列を表示させる方法

を解説しています。

︎ 7. Swift入門 UILabelで文字列の表示入門

の内容の記事との違いは、

「 CGRectMake(x, y, width, height) 」

で、長方形領域を指定する際に、

iOSデバイスの画面サイズを取得しているところです。

Xcodeで、

iOSアプリ開発するための

設定方法がわからない方がいましたら、

︎ 3. Swift入門 iPhoneでHello World

︎ 4. Xcode(Mac)でSwift言語入門 Hello Worldプログラム

などの記事もご活用ください。

「 Single View Application」の設定方法などを

解説しています。

また、

「 CGRectMake(x, y, width, height) 」

で、長方形領域を指定する際の

iOSデバイス（iPhone６）上の、

描画と表示位置・配置の関係については、

︎ 6. Swift入門描画と表示位置・配置の関係　

の記事もご活用ください。

Swift入門 UILabelで文字列の表示入門 iOSデバイスの画面サイズの取得（動画）

[ 入力前のコード ]（ViewController.swift）

import UIKit

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
   
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
 
    }


}

[ 動画で入力したコード例 ]（ViewController.swift）

let screenSizeWidth = UIScreen.mainScreen().bounds.size.width

let sampleText = UILabel(frame: CGRectMake(5, 100, screenSizeWidth, 10)) sampleText.textColor = UIColor.blackColor() sampleText.textAlignment = .Center sampleText.text = "iOSデバイスの横幅の画面サイズの取得" view.addSubview(sampleText)

　　＊　今回は、「 let：後から変更できない変数の作成」を利用して
　　　「screenSizeWidth」と「 sampleText 」という
　　　　名前の変数を作成しています。
　　　　自分でわかりやすいような変数を作成してみていただければと
　　　　思います。
　　　　

　　＊「 let screenSizeWidth = UIScreen.mainScreen().bounds.size.width 」
　　　　でiOSデバイスの横幅を取得しています。
　　　　縦の幅を取得したい場合は、
　　　「 let screenSizeHeight = UIScreen.mainScreen().bounds.size.height 」
　　　　などで取得できると思います。　　
　　　　

[ 最終的なサンプルコード ]（ViewController.swift）


import UIKit

class ViewController: UIViewController {
    
    let screenSizeWidth = UIScreen.mainScreen().bounds.size.width
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.
        let sampleText = UILabel(frame: CGRectMake(5, 100, screenSizeWidth, 10))
        sampleText.textColor = UIColor.blackColor()
        sampleText.textAlignment = .Center
        sampleText.text = "iOSデバイスの横幅の画面サイズの取得"
        view.addSubview(sampleText)

    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }


}

　＊　コード内に全角スペースが含まれていると
　　　エラーになりますので、
　　　その際は、半角スペースに適宜修正してください。

動画の解説の最後に、

「sampleText.backgroundColor = UIColor.redColor()」

と入力して、

参考までに

「 CGRectMake(x, y, width, height) 」

の長方形領域を視覚化させています。