iOS 11开发教程（十三）iOS11应用编辑界面添加视图

在iOS中添加视图的方式有两种：一种是使用编辑界面添加视图；另一种是使用代码添加视图。以下是这两个方式的详细介绍。

1.编辑界面添加视图

使用编辑界面添加视图是一个相当简单的工作，即从视图库中拖动视图到主视图中即可。

【示例1-1】以下将实现如何使用编辑界面添加一个空白视图。具体的操作步骤如下：

（1）创建一个Single View App模板类型的项目，命名为UIVIew-InterfaceBuilder。

（2）打开Main.storyboard文件，单击Show the Object library，在显示的视图库中找到View视图即空白视图，将其拖到画布的主视图中，如图1.46所示。

图1.46 添加视图

此时运行程序，会看到如图1.47所示的效果。

图1.47 运行效果

由于使用编辑界面添加的View空白视图默认的背景颜色为白色，所以在模拟器上是看不出效果的。那么该如何在模拟器上看到添加的View空白视图呢？开发者需要回到Main.storyboard文件，选择主视图上添加的View空白视图。然后，选择在属性检查器面板中会打开相应的属性设置，找到Background属性将其设置为Dark Gray Color，如图1.48所示。

图1.48 设置背景颜色

此时运行程序，会看到如图1.49所示的效果。

图1.49 运行效果

注意：在属性检查器面板中存放了一些属性，当开发者单击主视图中的某一视图后，属性检查器面板中就会出现对应的属性设置，开发者可以通过这些属性对视图进行美化。

iOS 11开发教程（十三）iOS11应用编辑界面添加视图相关推荐

iOS 11开发教程（二十一）iOS11应用视图美化按钮之实现按钮的响应(1)
iOS 11开发教程(二十一)iOS11应用视图美化按钮之实现按钮的响应(1) 按钮主要是实现用户交互的,即实现响应.按钮实现响应的方式可以根据添加按钮的不同分为两种:一种是编辑界面添加按钮实现的响应 ...
iOS 11开发教程（十九）iOS11应用视图美化按钮之设置按钮的外观
iOS 11开发教程(十八)iOS11应用视图美化按钮之设置按钮的外观美化按钮说白了就是对按钮的属性进行设置,设置按钮的属性有两种方法:一种是使用编辑界面中的属性检查器:另一种是使用代码进行设置.以 ...
iOS 11开发教程（十八）iOS11应用视图之使用代码添加按钮
iOS 11开发教程(十八)iOS11应用视图之使用代码添加按钮由于使用编辑界面添加视图的方式比较简单,所以不在介绍.这里,直接讲解代码中如何添加.使用代码为主视图添加一个按钮的方式和在1.3.3节 ...
iOS 11开发教程（二十二）iOS11应用视图实现按钮的响应(2)
iOS 11开发教程(二十二)iOS11应用视图实现按钮的响应(2) 此时,当用户轻拍按钮后,一个叫tapButton()的方法就会被触发. 注意:以上这一种方式是动作声明和关联一起进行的,还有一种先 ...
iOS 11开发教程（二十）iOS11应用视图美化按钮之设置按钮的状态
iOS 11开发教程(二十)iOS11应用视图美化按钮之设置按钮的状态在示例2-2中,设置按钮的标题和颜色时,需要对按钮的状态进行设置,表示按钮在某一状态下的标题和标题颜色是什么样子.例如,UICo ...
iOS 11开发教程（十七）iOS11应用视图之使用按钮接收用户输入
iOS 11开发教程(十七)iOS11应用视图之使用按钮接收用户输入在iOS中提供了很多的控件以及视图来丰富用户界面,对于这些视图以及控件我们在上一章中做了简单的介绍.本章我们将详细讲解这些视图. ...
iOS 11开发教程（十六）iOS11应用视图之删除空白视图
iOS 11开发教程(十六)iOS11应用视图之删除空白视图当开发者不再需要主视图的某一视图时,可以将该视图删除.实现此功能需要使用到removeFromSuperview()方法,其语法形式如下: ...
iOS 11开发教程（十五）iOS11应用视图的位置和大小
iOS 11开发教程(十五)iOS11应用视图的位置和大小当一个视图使用拖动的方式添加到主视图后,它的位置和大小可以使用拖动的方式进行设置,也可以使用尺寸检查器面板中的内容进行设置,如图1.52所示 ...
iOS 11开发教程（十四）iOS11应用代码添加视图
iOS 11开发教程(十四)iOS11应用代码添加视图如果开发者想要使用代码为主视图添加视图,该怎么办呢.以下将为开发者解决这一问题.要使用代码为主视图添加视图需要实现3个步骤. (1)实例化视图对 ...

iOS 11开发教程（十三）iOS11应用编辑界面添加视图

iOS 11开发教程（十三）iOS11应用编辑界面添加视图

iOS 11开发教程（十三）iOS11应用编辑界面添加视图相关推荐

最新文章

热门文章