iOS10 UI教程檢視和子檢視的可見性

大學霸發表於2016-11-25
iOSUI

iOS10 UI教程檢視和子檢視的可見性

iOS10 UI教程檢視和子檢視的可見性，一個父檢視可以透過clipsToBounds屬性，定義子檢視在邊界（邊界就是父檢視的框架也就是父檢視可以顯示的範圍）以外部分的可見性。其語法形式如下：

  1. var clipsToBounds: Bool { get set }

其中，將此屬性設定為true，檢視將掩蓋它的子檢視，防止這些子檢視被顯示在邊界之外，如圖1.17所示。


圖1.17  可見性

【示例1-8：clipsToBounds】以下將使用clipsToBounds屬性讓Cyan View檢視中的子檢視不要顯示在邊界外。具體的操作步驟如下：

（1）開啟Main.storyboard檔案，對主檢視進行設計，效果如圖1.18所示。

需要新增的檢視以及對它們的設定如表1-2所示。

表1-2  對檢視物件的設定



圖1.18  主檢視的效果

注意：Orange View是Cyan View的子檢視，Green是Orange View的子檢視。

此時執行程式，會看到如圖1.19所示的效果。

（2）開啟ViewController.swift檔案，編寫程式碼，實現裁剪邊界的功能。程式碼如下：


  1. import UIKit
  2. class ViewController: UIViewController {
  3.     @IBOutlet weak var view1:
  4.     override func viewDidLoad() {
  5.         super.viewDidLoad()
  6.         // Do any additional setup after loading the view, typically from a nib.
  7.         view1.clipsToBounds=true
  8.     }
  9. ……
  10. }

此時執行程式，會看到如圖1.20所示的效果。


圖1.19  執行效果                             圖1.20  執行效果

iOS10 UI教程檢視和子檢視的可見性

相關閱讀：iOS10 UI教程管理層次結構 

來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/29597077/viewspace-2129085/，如需轉載，請註明出處，否則將追究法律責任。

相關文章