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

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

iOS10 UI教程改变视图的外观

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

iOS10 UI教程视图的可见性

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

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

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

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

  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. MAC系统下配置环境变量

    环境变量初始值 /usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin 使用export 可以设置暂时的环境变量 如果要追加PATH的话添加新的变量到文件中expor ...

  2. Ajax与Jquery题库

    一.    填空题 1.在JQuery中被誉为工厂函数的是 $() . 2.在jQuery中需要选取<div>元素里所有<a>元素的选择器是 $("div a&quo ...

  3. Vector_h

    #ifndef VECTOR_H #define VECTOR_H #include <algorithm> template<typename Object> class V ...

  4. Swift - 2.3的代码到3.0的转变

    分享一下学习新语法的技巧:用Xcode8打开自己的Swift2.3的项目,选择Edit->Convert->To Current Swift Syntax- 让Xcode帮我们把Swift ...

  5. Swift - @IBDesignable和@IBInspectable

    前言: 用storyboard/xib搞项目时,一些属性在Interface Builder上时无法设置,比如常用的layer的一些属性cornerRadius,borderColor等 (有时没必须 ...

  6. 有关struts2中用到 js 总结

    1.js中取Struts2中的栈里的值 var current = "${currentPage}"; 2.js 如何提交执行提交url连接 ,以及 Struts中的url如何如何 ...

  7. Loadrunner之HTTP接口测试脚本实例

    接口测试的原理是通过测试程序模拟客户端向服务器发送请求报文,服务器接收请求报文后对相应的报文做出处理然后再把应答报文发送给客户端,客户端接收应答报文结果与预期结果进行比对的过程,接口测试可以通过Jav ...

  8. mysql 源码安装

    yum install -y gcc gcc-c++ autoconf libjpeg libjpeg-devel perl perl-CPAN libpng libpng-devel freetyp ...

  9. 《C#本质论》读书笔记(12)委托和Lambda表达式

    12.1.委托概述 12.1.2 委托的数据类型 为了减少重复代码数量,可以将比较方法作为参数传递给 BubbleSort()方法.此外,为了将方法作为参数传递,必须有一个能够标识方法的数据类型--也 ...

  10. Linux安装mysql最新版本纪要

    http://blog.csdn.net/frt007/article/details/50184143 http://blog.csdn.net/wb96a1007/article/details/ ...