Question

如何让storyboard显示xml

Answer 1

一、iOS中xib与storyboard显示原理

在iOS中主要的布置界面的方式有3种：代码，xib，storyboard。

1. 代码

代码布置界面是万能的，但通常很复杂。布置一个简单的界面可能需要很多行代码，因此十分繁琐。

下面为创建一个按钮的代码，最少也要3行：

[objc] view plaincopy在CODE上查看代码片派生到我的代码片

01.UIButton *btn = [UIButton buttonWithType:UIButtonTypeContactAdd];
02. btn.center = CGPointMake(100, 100);
03. [self.view addSubview:btn];

2. xib

xib适合布置小块界面，也可以用来做单个界面。属于拖控件型，只需要写加载xib的代码。

下图为用文本编辑器打开xib文件的结果：

可以看到，xib本质也是xml文件。

<document>标签内就是xib要显示的内容。

可以看到<view>标签内就要显示的内容。该xib只显示了一个带颜色的空白view。

xib的原理就是将xml文件解析出来，找到相应的view，转换成代码，然后创建对象并显示。

形如：

[objc] view plaincopy在CODE上查看代码片派生到我的代码片

01.UIView *v www.hbbz08.com iew = [[UIView alloc] init];
02. view.frame = CGRectMake(0.0, 0.0, 320, 480);

3.storyboard

storyboard适合做大界面的跳转等，而且丰富的viewController使得做减免变得非常简单。

同样，将storyboard用文本编辑器打开，可看到如下：

本质上还是xml文件。

<objects>标签下就是要创建的界面。这里用到了tabBarController作为根视图控制器。

tabBarController下指向4个其他视图控制器。

storyboard的原理也是将xml文件解析出来，找到相应的控制器等，转换成代码，然后创建对象并显示。和xib原理一样。