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. HDU 5884 Sort -2016 ICPC 青岛赛区网络赛

    题目链接 #include <iostream> #include <math.h> #include <stdio.h> #include<algorith ...

  2. Sql Server 保留几位小数的两种做法

    数据库里的 float momey 类型,都会精确到多位小数.但有时候 我们不需要那么精确,例如,只精确到两位有效数字. 1. 使用 Round() 函数,如 Round(@num,2)  参数 2 ...

  3. 单击双击手势(UITapGestureRecognizer)

    - (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the view, typica ...

  4. Android Service 与 Thread 的区别

    Ref:http://blog.csdn.net/jiangwei0910410003/article/details/17008687 1). Thread:Thread 是程序执行的最小单元,它是 ...

  5. Swift - 代码创建单例

    创建单例的方法 import UIKit //创建一个单例类 class SingleInstance: NSObject { //在单例类中,有一个用来共享数据的数组 var datas = [St ...

  6. mysql里表以及列的增删改查

    在一个表里插入数据(增)   insert into 表名 (需要插入的列名如  id,name,age)values    (1,'张三',20), (2,'李四',30):     查询表内容(查 ...

  7. logstash之multiline插件,匹配多行日志

    在外理日志时,除了访问日志外,还要处理运行时日志,该日志大都用程序写的,比如log4j.运行时日志跟访问日志最大的不同是,运行时日志是多行,也就是说,连续的多行才能表达一个意思. 在filter中,加 ...

  8. JavaScript 火花效果

    <html> <head> <meta http-equiv="Content-Type" content="text/html; char ...

  9. ASP.NET Web Api 安全性(转载)

    转载地址:http://www.cnblogs.com/fzrain/p/3552423.html 在Web Api中强制使用Https 我们可以在IIS级别配置整个Web Api来强制使用Https ...

  10. ytu 1064: 输入三个字符串,按由小到大的顺序输出(水题,字符串处理)

    1064: 输入三个字符串,按由小到大的顺序输出 Time Limit: 1 Sec  Memory Limit: 128 MBSubmit: 471  Solved: 188[Submit][Sta ...