iPhone开发之创建简单界面视图的三种方式之一 使用xcode4自动生成界面

            刚开始学习iPhone开发，在这里分享一关于创建简单界面试图的一些经验与心得，以免日后忘记也好有个好的记录依照。如有不足之处请指正。

            本文主要分享一下使用xcode4如何创建一个简单的温度转换器，当然这里的重点不是温度转换器，而是创建使用视图的方式。作为这个系列的第一篇，将会使用最简单的方式完成这样一个温度转换器。

            在来八卦一下Xcode4，相比xcode3,xcode4有太多优秀的地方。最明显的就是Interface builder不在是作为一个独立的应用程序使用了，而是真正的内置到了Xcode4里面，也就是说在也不用来回切换视图了。其他的就不八卦了，切入正题。

1.创建Xcode工程

Xcode为我们提供很多模板，在这里我们使用的是Navigation-based Application,然后填写项目名字其他选项默认即可，这里我命名为HelloWorld。

2.工程文件分析

            创建好的工程下图，其他HelloWorldAppDelegate为委托类，说的简单点就是程序委托给他来执行，查看对应的.m文件就可以看到里面包含了程序启动或者结束时候的一系列操作。

             RootViewController为控制类，主要相应控制视图的各项操作。比如你在试图里面添加几个按钮，然后可以在控制类里面写相对应的实现。然后通过interface builder关联的方式将试图和控制类关联起来。

3.打开RootViewController.xib，在里面添加两个Label，和两个UITextField和一个UIButton控件，如下图所示

双击Label及Button，修改显示的文字为图中对应的文字。选中第一个UITextFiled,打开Inspector，在Attributes Inspector里面将 Keyborad修改为“Numbers and Punctuation”

因为第二个是显示结果的所以不希望他能接受输入，选中第二个UITextField并将其Attributes Inspector里面的Content 里面的Enable CheckOption勾选取消掉。这样简单的界面就构造好了。

4. 在RootViewController.h 里面定义两个UITextField控件以及按钮Button的相应事件。

@interface RootViewController : UIViewController
{
    IBOutlet UITextField    *field1;
    IBOutlet UITextField    *field2;
}
- (IBAction)convert:(id)sender;

5.在对应的.m文件里面实现按钮的convert相应

- (IBAction)convert:(id)sender
{
    float invalue = [[field1 text]floatValue];
    float outvalue = (invalue - 32.0f) * 5.0f / 9.0f;
    [field2 setText:[NSString stringWithFormat:@"%3.2f", outvalue]];
    [field1 resignFirstResponder];//将打开的键盘隐藏起来
}

这样代码部分也顺利完成了。

6.视图部分设计好了，代码也写好了，但是如何将视图和控制部分联系起来呢？interface builder提供了一种很方便的方式

在次点击RootViewController.xib视图，你可以看到File's Owner这样一个方块，右键点击上去可以看到你定义的控件以及相应的converte时间，此时你可以选中其中一个然后拖拉到视图里面的控件上，这样就可以将视图和控制联系起来。

7.编译运行程序，这样一个温度转换器就完成啦。本文只是作为一个简单的讲解，并不是很严格的编码，比如没有对输入进行严格的输入判断等。这只是一个HelloWorld！

通过这种方式创建简单的视图程序，大部分都是由interface builder来完成，所以这是比较简单的一种方式。

下篇文章将会讲解如何使用完全编码的方式创建和这个一模一样的程序。有什么不对的地方或者不妥的地方欢迎指正交流。

原创文章，转载请著名出处。http://blog.csdn.net/everpenny/article/details/6889367