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. C# Arraylist + struct 综合练习 枚举ENUE 递归

    枚举类型 一组常量的组合, 在不制定任何索引的情况下,默认第一个字段从0开始,之后的依次+1 在指定了某个索引的情况下,之后的依次+1 若之前定义的某字段的索引指向了之后的某个默认字段,那么他俩完全相 ...

  2. (2016弱校联盟十一专场10.2) A.Nearest Neighbor Search

    题目链接 水题,算一下就行. #include <bits/stdc++.h> using namespace std; typedef long long ll; ll x[],y[], ...

  3. Log4j的使用

    一,Log4j简介 日志的三个目的: 1. 监视代码中变量的变化情况,周期性的记录到文件中供其他应用进行统计分析工作                      2.跟踪代码运行时轨迹,作为日后审计的依 ...

  4. July 7th, Week 28th Thursday, 2016

    The 79th Anniversary of Anti-Japan War Difficulties vanish when faced bodly. 勇敢面对困难,困难自会退让. The best ...

  5. NYOJ题目273字母小游戏

    aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAswAAAIZCAIAAAA9QP7RAAAgAElEQVR4nO3dPXKjzBqG4bMJ5VqIU2

  6. hdu 4911Inversion

    链接:http://acm.hdu.edu.cn/showproblem.php?pid=4911 题意:给定一个序列和k,求在k次交换之后序列的逆序数,只能相邻两个数交换且只有左边的数大于右边时才能 ...

  7. MyEclipse破解(MEGen.java)

    步骤: 1.将MEGen.java粘贴到任意web项目下,运行结果如下: 2.输入注册名:如sun,得到注册码: 3.Window  >>  Preference  >>  S ...

  8. EasyUi – 5.修改$.messager.show() 弹出窗口在浏览器顶部中间出现

    由于在easyui中$.messager.show() 只有一种弹出方式(在浏览器的或下角弹出),我最近在做一个项目的时候需要在浏览器的顶部中间出现.由于自己写花那么多的时间,所以就去修改了原码(不推 ...

  9. Linux SNMP oid

    http://www.debianadmin.com/linux-snmp-oids-for-cpumemory-and-disk-statistics.html

  10. 七牛:关于图片 EXIF 信息中旋转参数 Orientation 的理解

    EXIF(Exchangeable Image File)是 “可交换图像文件” 的缩写,当中包含了专门为数码相机的照片而定制的元数据,可以记录数码照片的拍摄参数.缩略图及其他属性信息,简单来说,Ex ...