iOS10 UI教程檢視的中心位置

大學霸發表於2016-11-24
原文網址 : http://blog.itpub.net/29597077/viewspace-2128994/
iOSUI

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部落格 ” ，連結：http://blog.itpub.net/29597077/viewspace-2128994/，如需轉載，請註明出處，否則將追究法律責任。

相關文章