ITPub博客

首页 > 应用开发 > IT综合 > iOS10 UI教程视图和子视图的可见性

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

原创 IT综合 作者:大学霸 时间:2016-11-25 15:16:10 0 删除 编辑

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博客 ” ,链接:https://blog.itpub.net/29597077/viewspace-2129085/ ,如需转载,请注明出处,否则将追究法律责任。

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

注册时间:2014-04-09

  • 博文量
    1047
  • 访问量
    990300