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

视图是应用程序的界面,是用户在屏幕上看到的对象。用户可以通过触摸视图上的对象与应用程序进行交互,所以视图界面的优劣会直接影响到了客户体验的好坏。和视图相关的类有很多,如UILabel、UITextView、UIView、UIImageView等。其中,UIView是一个基类,其它表示视图的类都是继承此类。UIView可以用来实例化通用视图,也可以被继承创建自定义的视图。本节将主要讲解使用UIView中的属性改变视图的外观、视图的可见性、禁用视图、视图的几何形状、视图的边界、框架、中心位置等内容。

改变视图的外观

在UIView中有很多的属性,开发者可以使用这些属性去改变视图的外观。例如,可以使用backgroundColor属性对视图的背景颜色进行设置。

视图的可见性

在应用程序中开发者可以根据个人需要对视图的可见性进行设置。要改变视图的可见性,可以采用两种方式:一种是透明度设置;另一种是隐藏设置。以下就是对这两种方式的详细介绍。

1.透明度设置

如果开发者的视图和所有的元素都必须要求是透明的,此时可以使用Show the Attributes inspector属性面板中的Alpha去设置,也可以使用UIView类中的alpha属性,其语法形式如下:

var alpha: CGFloat { get set }

此属性接收一个从0.0开始到1.0的值。此属性可以根据用户设置的值,让视图有一个“透视”的效果。当此属性的值为0.0时,就可以实现视图的隐藏,也就让视图变得不可见了。

注意:对于视图的常用属性,开发者都可以在Show the Attributes inspector属性面板中找到,并对其进行设置。在后面的内容中对于属性的介绍我们只讲解代码的操作。

2.隐藏设置

另一种改变视图可见性的方式是隐藏设置,如果将指定的视图隐藏,那么在屏幕上是看不到此视图的。要实现此功能可以使用UIView中的isHidden属性,其语法形式如下:

var isHidden: Bool { get set }

此属性可以接收一个布尔值,当接收的布尔值为true时,实现视图的隐藏。

注意:当使用isHidden属性和alpha属性隐藏视图后,开发者是不可以从层次结构和内存中移除的,并且这个视图与用户的交互会自动的被禁用,直到视图再次可见。

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

相关阅读:iOS10 UI教程基础窗口的内容与设置起始窗口

iOS10 UI教程基改变视图的外观与视图的可见性相关推荐

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

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

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

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

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

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

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

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

  5. iOS10 UI教程视图调试

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

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

    iOS10 UI教程视图和子视图的可见性 iOS10 UI教程视图和子视图的可见性,一个父视图可以通过clipsToBounds属性,定义子视图在边界(边界就是父视图的框架也就是父视图可以显示的范围) ...

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

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

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

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

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

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

最新文章

  1. 跟锦数学2017年04月
  2. 机器视觉资料汇总(2)
  3. 【论文解读】OneNet:一阶段的端到端物体检测器,无需NMS
  4. SAP Spartacus Tag Management System TMS 介绍
  5. DOS的一些常用命令
  6. webpack二(以webpack4.x起步)
  7. MYSQL用存储过程创建百万级测试数据表
  8. hibernate之多对多关联映射
  9. java 状态模式 重试_java状态模式
  10. Spring-boot-AnnotationConfigServletWebApplicationContext
  11. 剑指Offer之翻转单词顺序列
  12. Linux杀100个进程,在linux bash中杀死一个进程子树
  13. Oracle 修改密码 解锁
  14. Python3 百度拾取坐标系统API的调用
  15. 第三方公众号用 微信联合 登录
  16. 计算机操作系统原理——第一章.绪论
  17. PHP高级计算器的过程,PHP使用栈完成高级计算器-接上文模拟栈
  18. 7招,远离大数据杀熟!
  19. 形态学操作——开运算与闭运算
  20. 秒杀ibluever 免越狱iPad wifi版连接蓝牙“双环”直接上网

热门文章

  1. Linux命令缩写来由
  2. C#读写文本文件小结
  3. linux 下,解决tomcat服务器接收中文乱码的问题
  4. 循序渐进学.Net Core Web Api开发系列【14】:异常处理
  5. 为什么远程桌面不能复制?解决方法
  6. ASP.NET一般处理程序新建一个方法里使用context.Response.Write的解决方法
  7. MongoError: topology was destroyed解决方法
  8. @Data注解使用后get set报错解决方法
  9. 使用控件时提示“未声明标识符“的解决方法
  10. npm ERR! missing script: dev 解决方案