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. 【剑指offer】题目20 顺时针打印矩阵

    输入一个矩阵,按照从外向里以顺时针的顺序依次打印出每一个数字,例如,如果输入如下矩阵: 1   2   3  4 5   6   7  8 9  10 11 12 13 14 15 16 则依次打印出 ...

  2. Apple Swift编程语言入门教程

    Apple Swift编程语言入门教程 作者: 日期: 布衣君子 2015.09.22 目录 1   简介 2   Swift入门 3   简单值 4   控制流 5   函数与闭包 6   对象与类 ...

  3. 关于 UICollectionViewCell 的一些陷阱

    如果直接使用 UICollectionViewCell 的自带属性 selected 来自定义一些样式,如: - (void)setSelected:(BOOL)selected { [super s ...

  4. ASP.NET SignalR 与 LayIM2.0 配合轻松实现Web聊天室(六) 之 Layim源码改造右键菜单--好友、组管理功能的实现。

    前言 上一篇中讲解了加好友的流程,本篇将介绍好友管理,群组管理的右键菜单功能.当然由于菜单项目太多,都实现也得花费时间.只讲解一下我是如何从不知道怎么实现右键菜单到会自定义菜单的一个过程.另外呢,针对 ...

  5. 兼容iOS 10:配置获取隐私数据权限声明

    原文链接 iOS 10的一大变化是更强的隐私数据保护.在文档中是这么描述的: You must statically declare your app’s intended use of protec ...

  6. maximum subarray problem

    In computer science, the maximum subarray problem is the task of finding the contiguous subarray wit ...

  7. 1.3 迭代器 - iterator

    A 1)概述 要访问顺序容器,关联容器中的元素就要通过迭代器进行.迭代器是个变量,类似于指针 2)分类 按照定义方式不同可分为四种(iterator, const_iterator, reverse_ ...

  8. React Native实例之房产搜索APP

    React Native 开发越来越火了,web app也是未来的潮流, 现在react native已经可以完成一些最基本的功能. 通过开发一些简单的应用, 可以更加熟练的掌握 RN 的知识. 在学 ...

  9. 20145206邹京儒《Java程序设计》第6周学习总结

    20145206 <Java程序设计>第6周学习总结 教材学习内容总结 第十章 输入/输出 Java将输入/输出抽象化为串流,数据有来源及目的地,衔接两者的是串流对象. 从应用程序角度来看 ...

  10. js DOM对象

    查找元素 根据id找 document.getElementById("b"): 根据class找 document.getElementsByClassName("aa ...