ITPub博客

首页 > 应用开发 > IT综合 > iOS10 UI教程视图的中心位置

iOS10 UI教程视图的中心位置

原创 IT综合 作者:大学霸 时间:2016-11-24 13:32:39 0 删除 编辑

iOS10 UI教程视图的中心位置

center表示的是视图的中心位置属性,这个属性在相对的UI层次结构上工作,和frame类似。center属性是一个在父视图上定义视图的位置的简便方法。center属性和frame.origin属性计算位置的方式不同,如图1.11所示。frame的origin位置在使用视图的左上角计算,而center的位置在使用视图的中心计算。


图1.11  中心位置

【示例1-5:center】以下将输出红色空白视图的中心位置和frame的origin位置。代码如下:


点击(此处)折叠或打开

  1. import UIKit
  2. class ViewController: UIViewController {
  3.     override func viewDidLoad() {
  4.         super.viewDidLoad()
  5.         // Do any additional setup after loading the view, typically from a nib.
  6.         //创建空白视图
  7.         let point=CGPoint(x: 67.0, y: 217.0)
  8.         let size=CGSize(width: 240.0, height: 128.0)
  9.         let rect=CGRect(origin: point, size: size)
  10.         let newView=UIView(frame: rect)
  11.         self.view.addSubview(newView)
  12.         newView.backgroundColor=UIColor.red
  13.         //输出frame的origin位置
  14.         print("frame.origin.x:\(newView.frame.origin.x)")
  15.         print("frame.origin.y:\(newView.frame.origin.y)")
  16.         //输出中心位置
  17.         print("center.x:\(newView.center.x)")
  18.         print("center.y:\(newView.center.y)")
  19. }
  20. ……
  21. }

此时运行程序,不仅会在模拟器上看到一个红色的空白视图,还会在应用程序输出窗口输出以下内容:


点击(此处)折叠或打开

  1. frame.origin.x:67.0
  2. frame.origin.y:217.0
  3. center.x:187.0
  4. center.y:281.0

iOS10 UI教程视图的中心位置

相关阅读:iOS10 UI教程视图的边界与视图的框架

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/29597077/viewspace-2128994/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2014-04-09

  • 博文量
    1047
  • 访问量
    990302