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