iOS10 UI教程視圖的中心位置

iOS10 UI教程視圖的中心位置

center表示的是視圖的中心位置屬性，這個屬性在相對的UI層次結構上工做，和frame相似。center屬性是一個在父視圖上定義視圖的位置的簡便方法。center屬性和frame.origin屬性計算位置的方式不一樣，如圖1.11所示。frame的origin位置在使用視圖的左上角計算，而center的位置在使用視圖的中心計算。

圖1.11  中心位置

【示例1-5：center】如下將輸出紅色空白視圖的中心位置和frame的origin位置。代碼以下：

import UIKit

class ViewController: UIViewController {

    override func viewDidLoad() {

        super.viewDidLoad()

        // Do any additional setup after loading the view, typically from a nib.

        //建立空白視圖

        let point=CGPoint(x: 67.0, y: 217.0)

        let size=CGSize(width: 240.0, height: 128.0)

        let rect=CGRect(origin: point, size: size)

        let newView=UIView(frame: rect)

        self.view.addSubview(newView)

        newView.backgroundColor=UIColor.red

        //輸出frame的origin位置

        print("frame.origin.x：\(newView.frame.origin.x)")

        print("frame.origin.y：\(newView.frame.origin.y)")

        //輸出中心位置

        print("center.x：\(newView.center.x)")

        print("center.y：\(newView.center.y)")

}

……

}

此時運行程序，不只會在模擬器上看到一個紅色的空白視圖，還會在應用程序輸出窗口輸出如下內容：

frame.origin.x：67.0

frame.origin.y：217.0

center.x：187.0

center.y：281.0

iOS10 UI教程視圖的中心位置

相關閱讀：iOS10 UI教程視圖的邊界與視圖的框架