编辑界面

iOS 9应用开发教程之编辑界面与编写代码

▼魔方 西西 提交于 2019-11-28 23:24:12
iOS 9应用开发教程之编辑界面与编写代码 编辑界面 在 1.2.2 小节中提到过编辑界面( Interface builder ),编辑界面是用来设计用户界面的,单击打开 Main.storyboard 文件就打开了编辑界面。在 Xcode 5.0 以后中,编辑界面直接使用的是故事板。本小节将对编辑界面进行介绍 1. 界面的构成 单击 Main.storyboard 打开编辑界面后,可以看到编辑界面会有 4 部分组成,如图 1.23 所示。 编号为 1 的部分为 dock 。 编号为 2 的部分为画布:用于设计用户界面的地方,在画布中用箭头指向的区域就是设计界面,在画布中可以有多个设计界面,一般将设计界面称为场景或者说是主视图。 编号为 3 的部分为工具窗格的检查器:用于编辑当前选择的对象的属性。 编号为 4 的部分为工具窗格的库:如果选择的是 Objects ,里边存放了很多的视图。 图 1.23 编辑界面构成 在画布的的设计界面下方有一个小的 dock ,它是一个文件管理器的缩减版。 dock 展示场景中第一级的控件,每个场景至少有一个 ViewController 、一个 FirstReponder 和一个 Exit 。但是也可以有其他的控件, dock 还用来简单的连接控件,如图 1.24 所示。 图 1.24 dock 2. 设置主视图尺寸 在图 1.23

Xamarin iOS教程之编辑界面编写代码

与世无争的帅哥 提交于 2019-11-27 02:52:00
Xamarin iOS教程之编辑界面编写代码 Xamarin iOS的Interface Builder Interface Builder 被称为编辑界面。它是一个虚拟的图形化设计工具,用来为 iOS 应用程序创建图形界面。单击 MainStoryboard.storyboard 文件,就可以打开编辑界面了。在 Xamarin Studio 5.2.1 后,编辑界面直接使用的是 Storyboard 故事面板,以前则使用的是 XIB (对于 XIB 的使用会在后面的章节中讲解)。大学霸它们之间最大的不同在于 Storyboard 故事面板可以对多个主视图进行设置,而 XIB 只可以对一个主视图进行设置。以下是对编辑界面的介绍。 1. 界面构成 单击 MainStoryboard.storyboard 文件,打开编辑界面后,可以看到编辑界面会有 4 部分组成,如图 1.71 所示。 图 1.71 界面构成 其中,编号为 1 的部分为主视图的属性设置,例如可以设置主视图的尺寸大小、 iOS 的版本等等。编号为 2 的部分为画布,它是用于设计用户界面的地方,在画布中用箭头指向的区域就是设计界面。在画布中可以有多个设计界面,一般将设计界面称为场景或者说是主视图。编号为 3 的部分为工具栏,在此工具栏中存放了很多的视图对象。编号为 4 的部分为属性设置窗口