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教程视图的边界与视图的框架