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教程视图和子视图的可见性相关推荐

  1. iOS10 UI教程子视图和父视图UI层次结构和Views继承

    iOS10 UI教程子视图和父视图UI层次结构和Views继承 iOS10 UI教程子视图和父视图UI层次结构和Views继承,本节将讲解与UI层次结构和Views继承相关的内容,其中包括子视图和父视 ...

  2. iOS10 UI教程视图的生命周期

    iOS10 UI教程视图的生命周期 说到视图的生命周期一般都是指视图控制器的视图生命周期.在视图的声明周期中最主要的有8个方法,分别为loadView().viewDidLoad().viewWill ...

  3. iOS10 UI教程视图的绘制与视图控制器和视图

    iOS10 UI教程视图的绘制与视图控制器和视图 iOS10 UI视图的绘制 iOS10 UI教程视图的绘制与视图控制器和视图,在iOS中,有很多的绘图应用.这些应用大多是在UIView上进行绘制的. ...

  4. iOS10 UI教程视图调试

    iOS10 UI教程视图调试 iOS10 UI教程视图调试,当视图很复杂的时候,层次结构就不会很简单了.Xcode可以通过视图(View)调试帮助开发者解决层次结构复杂的问题.视图调试是在Xcode ...

  5. iOS10 UI教程视图的中心位置

    iOS10 UI教程视图的中心位置 center表示的是视图的中心位置属性,这个属性在相对的UI层次结构上工作,和frame类似.center属性是一个在父视图上定义视图的位置的简便方法.center ...

  6. iOS10 UI教程视图的边界与视图的框架

    iOS10 UI教程视图的边界与视图的框架 iOS10 UI视图的边界 在视图的几何形状中我们提到了视图属性中的一部分属性可以将定义的视图绘制在屏幕上.其中典型的3个属性为边界属性.框架属性以及中心位 ...

  7. iOS10 UI教程视图的几何形状

    iOS10 UI教程视图的几何形状 视图属性中的一部分属性可以让定义的视图绘制在屏幕上.在讲解这些属性前,我们首先将讲解,定义视图的几何形状所涉及到的结构类型.这些结构类型如下: CGPoint:它表 ...

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

    iOS10 UI教程禁用视图与用户的交互 在上文中我们提到了使用isHidden属性和alpha属性可以使视图与用户的交互被禁用,除此之外此功能还可以使用UIView的isUserInteractio ...

  9. iOS10 UI教程基改变视图的外观与视图的可见性

    iOS10 UI教程基改变视图的外观与视图的可见性 视图是应用程序的界面,是用户在屏幕上看到的对象.用户可以通过触摸视图上的对象与应用程序进行交互,所以视图界面的优劣会直接影响到了客户体验的好坏.和视 ...

最新文章

  1. 图文剖析:单点登录常见解决方案实现原理
  2. manager的烦恼
  3. seo说_百度指数看世间沉浮_如何快速排名-互点快速排名_网站关键词排名常见问题 - 搜狗快速排名...
  4. 7_linux下PHP、Apache、Mysql服务的安装
  5. 数据scale过程用model更方便,可以保存到本地
  6. Photoshop用户必知必会的28个快捷键
  7. XCTF-高手进阶区:NaNNaNNaNNaN-Batman
  8. 新版征信对信用卡养卡会有重大影响吗?
  9. Java中StringBuilder的清空方法比較
  10. 阿里P8大佬亲自教你!Android内存泄漏总结,看看这篇文章吧!
  11. Windows 10 开启 Num Lock
  12. springboot+easyui+jpa实现动态权限角色的后台管理系统(二)
  13. 苹果宣布前CEO史蒂夫·乔布斯逝世 世上再无乔布斯!
  14. 渤海银行增收不增利:信用卡等不良率暴涨,李伏安被市场“打脸”
  15. 计算机二级office的考试内容,计算机二级office考试内容有啥
  16. I帧、B帧、P帧以及IDR帧之间的关系
  17. 对自动驾驶仿真软件研发方向的看法
  18. 程序员干到30岁,真的只能转行了么?
  19. 2、java的应用领域
  20. 简单的c#winform画图工具

热门文章

  1. 将URL中的参数提取出来作为对象
  2. The XML page cannot be displayed |无法显示 XML 页
  3. .netcore部署到IIS上出现HTTP Error 502.5 - Process Failure问题解决
  4. C# 中串口通信 serialport1.DataReceived 函数无法触发或者出发延时等等问题解决方法
  5. java实现动态上传多个文件并解决文件重名问题
  6. Redis 配置连接池,redisTemplate 操作多个db数据库,切换多个db,解决JedisConnectionFactory的设置连接方法过时问题。(转)
  7. 使用CGlib出现java.lang.NoClassDefFoundError: org/objectweb/asm/Type异常
  8. Long类型转json时前端js丢失精度解决方案
  9. kubeadm常见报错和解决方法
  10. JavaScript检查null与undefined以及==和===之间的差异