iOS10 UI教程视图和子视图的可见性

Posted 大学霸

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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教程管理层次结构 

以上是关于iOS10 UI教程视图和子视图的可见性的主要内容,如果未能解决你的问题,请参考以下文章

如何从活动中更改片段中视图的可见性

使用绑定从片段访问父活动的 UI 元素

片段中的按钮自定义视图

iOS10 UI教程视图的几何形状

iOS10 UI教程禁用视图与用户的交互

片段之间的共享数据(父列表视图和子列表视图)