画面サイズをUIに反映

Question

画面サイズを取得した後UIに反映させるためにはどうしたら良いのでしょうか？
Getscreenみたいなのをつかえばいいのですか？

Comments

[Stripe]

質問の内容は、画面サイズの取得方法ですか？

[sweden1]

取得した後、どうやってUIに反映せるかがわからないです

Answer 1

画面サイズ指定がCGFloatなのでUIScreenUtil構造体のメソッドの戻り値を変更しましたが、以下の様に生成したViewのサイズに使うことができます。

コードで生成したViewの場合

import UIKit

class ViewController: UIViewController {
    
    // マージンの定数
    let margin: CGFloat = 50
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        // UIViewを生成
        let customView = UIView()
        // customViewの背景色を設定
        customView.backgroundColor = UIColor.blueColor()
        // 取得した画面サイスを使ってcustomViewのサイズを設定します。(上下左右に50pxのマージン)
        customView.frame = CGRectMake(margin, margin, UIScreenUtil.screenWidth() - margin * 2, UIScreenUtil.screenHeight() - margin * 2)
        // 画面に載せます
        view.addSubview(customView)
    }
}


struct UIScreenUtil {
    static func bounds()->CGRect{
        return UIScreen.mainScreen().bounds;
    }
    static func screenWidth() -> CGFloat {
        return UIScreen.mainScreen().bounds.size.width;
    }
    static func screenHeight() -> CGFloat{
        return UIScreen.mainScreen().bounds.size.height;
    }
}

StoryboardのViewControllerに載せたViewの場合

import UIKit

class ViewController: UIViewController {
    
    // マージンの定数
    let margin: CGFloat = 50
    
    // Storyboardに載せたview
    @IBOutlet weak var customView: UIView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
    }
    
    override func viewDidLayoutSubviews() {
        super.viewDidLayoutSubviews()
        
        // customViewの背景色を設定
        customView.backgroundColor = UIColor.blueColor()
        // 取得した画面サイスを使ってcustomViewのサイズを設定します。(上下左右に50pxのマージン)
        customView.frame = CGRectMake(margin, margin, UIScreenUtil.screenWidth() - margin * 2, UIScreenUtil.screenHeight() - margin * 2)
        
    }
}


struct UIScreenUtil {
    static func bounds()->CGRect{
        return UIScreen.mainScreen().bounds;
    }
    
    static func screenWidth() -> CGFloat {
        return UIScreen.mainScreen().bounds.size.width;
    }
    
    static func screenHeight() -> CGFloat{
        return UIScreen.mainScreen().bounds.size.height;
    }
}

画面サイズが変わっても取得したサイズを使用しているので周囲の50pxマージンは維持されます。

---

以下の画像のようなエラーがでていますか？その場合下の対応を試してみてください。

Storyboardに配置したViewとcustomViewを以下の様に結んでください。
それでも解決しない場合は他の原因が考えられますのでコードを載せて頂くと原因が見つけやすいと思います。

Comments

[sweden1]

親切な対応ありがとうございます。
先ほど、

customView.frame = CGRectMake(margin, margin, UIScreenUtil.screenWidth() - margin * 2, UIScreenUtil.screenHeight() - margin * 2)
を書いたところ
Thread1:EXC_INSTRUCTION(code=-------)
というエラーが出てきて困ってますー＿ー

[_Kentarou]

エラーから推測する原因の一つを回答載せました。
ご確認ください。

[sweden1]

助かります。
ありがとうございます

[sweden1]

コードはこのような感じになってます
mport UIKit

class ViewController: UIViewController {

let margin: CGFloat = 50

@IBOutlet weak var customView: UIView!

override func viewDidLoad() {
super.viewDidLoad()

}

override func viewDidLayoutSubviews() {
super.viewDidLayoutSubviews()

customView.frame
= CGRectMake(margin,margin,UIScreenUtil.screenWidth() - margin*2,UIScreenUtil.screenWidth() - margin*2)

}

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

}

struct UIScreenUtil {

static func bounds()->
CGRect{return UIScreen.mainScreen().bounds;}

static func screenWidth() ->
CGFloat {return UIScreen.mainScreen().bounds.size.width;}

static func screenHeight() ->
CGFloat{return UIScreen.mainScreen().bounds.size.height;}
}

[sweden1]

そういえば、ViewではなくButtonでした

[_Kentarou]

コードを再度載せられていますが、なにか解決していないということですか？

[sweden1]

Customviewとviewを結ぼうと思っても、outlet actionなどが出てきてコードを書くようになってします

[_Kentarou]

Storyboardからではなくて、 @IBOutlet weak var customView: UIView!
の左に○のマークがあるのでそこから、Storyboardに結んで下さい。
結ばれると⚫️のようにマークが変わります。

[sweden1]

一画面にある複数のview,bottunのサイズをそれぞれのデバイス(iPhone)対応させ、それらを一列に並べるにはどうしたらよろしいのでしょう？

[sweden1]

一画面にある複数のview,bottunのサイズをそれぞれのデバイス(iPhone)対応させ、それらを一列に並べるにはどうしたらよろしいのでしょう？

[_Kentarou]

画面サイズは取得できるのですから、後はその中で各パーツに適用すればよいと思います。

複雑なことをやりたいならばAutolayoutを使用した方がいいと思いますので、以下のサイトを参考にしてください。
http://qiita.com/yucovin/items/ff58fcbd60ca81de77cb
http://hajihaji-lemon.com/smartphone/swift/auto-layout-複数/

[sweden1]

et margin1: CGFloat = 50だと
上下左右の幅５０と均等になるが、上幅５０　横幅（左右）５０　下幅を１００（例）としたい時は同夜したら下幅だけいじることができますか？