Xamarin iOS开发实战上册----2.2 添加和定制视图

Xamarin iOS开发实战上册----2.2  添加和定制视图

本节将主要讲解视图的两种添加方式：一种是使用Interface Builder；一种是使用代码；以及定制视图等内容。

2.2.1  使用Interface Builder添加视图

使用Interface Builder添加视图是一个相当简单的工作。以下的示例将为开发者讲解该如何使用Interface Builder添加视图。

【示例2-1】以下将使用Interface Builder添加一个视图，具体步骤如下：

（1）创建一个Single View Application类型的工程，命名为2-1。

（2）打开MainStoryboard.storyboard文件，选择Xamarin Studio最右边的工具栏按钮，打开工具栏界面（查看|Pads|工具栏）。从工具栏中拖动View空白视图对象到主视图中，如图2.1所示。

图2.1  操作步骤

注意：此时就在视图添加了一个空白的视图。

（3）保存文件（Command+S），单击“运行”按钮，此时就会出现iOS模拟器运行结果，如图2.2所示。

图2.2  运行效果

由于使用Interface Builder添加的View空白视图默认的背景颜色为白色，所以在模拟器上是看不出效果的。那么该如何在模拟器上看到添加的View空白视图呢？开发者需要回到MainStoryboard.storyboard文件，选择主视图上添加的View空白视图对象。然后，选择Xamarin Studio最右边的属性按钮，打开属性界面（“查看”|Pads|“属性”命令）。将View的Background属性设置为Scrollview Textured Background color，如图2.3所示。

图2.3  操作步聚

注意：当改变Background属性后，选择的View视图对象的颜色也会发现相应的变化。运行效果如图2.4所示。

图2.4  运行效果

此时，就可以在iOS模拟器上看到添加的视图了。我们的这个示例是没有任何作用的。它只是为开发者演示了如何使用Interface Builder来添加一个视图。

注意：View空白视图是开发者使用最频繁的，原因如下：

（1）每一个可视化的视图对象都是继承自UIView类。

（2）提供了自动调整大小的功能。

（3）UIView可以管理内容绘制。

（4）由于它是一个容器，可以接受其他的视图作为其子视图。

（5）可以接受本身和其子视图的触摸事件。

（6）它的很多属性可以实现动画。