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

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

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

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文件，編寫代碼，實現裁剪邊界的功能。代碼以下：

import UIKit

class ViewController: UIViewController {

    @IBOutlet weak var view1: UIView!

    override func viewDidLoad() {

        super.viewDidLoad()

        // Do any additional setup after loading the view, typically from a nib.

        view1.clipsToBounds=true

    }

……

}

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

圖1.19  運行效果                             圖1.20  運行效果

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

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