IOS成长之路-使用xib界面与和代码相关联的方法

我们可以用代码编写界面，同样也可以在项目中扩展名为xib的文件中设计（图中选中的）

打开后，在Xcode的右下角有一些常用的控件

可以直接把这些控件用鼠标拖到界面里使用：

如下用了7个Label和一个Button组成的简单界面

然后编写定义这个界面内控件的类文件：

[cpp]  view plain copy

1. /*ViewController.h*/  
2. #import <UIKit/UIKit.h>  
3.   
4. @interface ViewController : UIViewController  
5. {  
6.     //定义三个Label  
7.     UILabel *titleLabel;  
8.     UILabel *priceLabel;  
9.     UILabel *summaryLabel;  
10. }  
11.   
12. @property(nonatomic,retain)IBOutlet UILabel *titleLabel;  
13. @property(nonatomic,retain)IBOutlet UILabel *priceLabel;  
14. @property(nonatomic,retain)IBOutlet UILabel *summaryLabel;  
15.   
16. -(IBAction)Edit:(id)sender;  
17. @end  

然后要在界面中把控件和代码相关联起来，实现用代码设计控件：

我们会在界面的左侧看到这三个图标，选择第一个

当选择后，在Xcode右上方有这么一块区域

首先要把这个界面和实现它的类相关联起来，在图中的上方有class的字样，在它的后面的框中输入要关联类的类名(里面也有设置控件属性)

因为在类中我们已经定义了三个Label控件，所以我们可以把这三个和界面中的控件关联

在界面左侧的第一图标上右击，回出现这样的画面：

注意：只有把这个界面和类相关联后才会出现图中如：priceLabel  ／ titleLabel  等字样，当然了如果类中没有定义也不会有的，

关联的操作：

当添加按钮的关联的时候，会出现下面的画面，要选择倒数第三个选项，

按钮在这里的作用是实现界面切换

一定要记得把view关联，否则就是没有画面的程序

关联完成：

在添加的过程中会出现各种各样的问题，这个时候就要去确定到底什么没有写或什么没有做：

1.在类中定义，要注意一定要添加   IBOutlet 

2.要和类关联

3.一定要关联view

关于里面button按钮，实现切换

[cpp]  view plain copy

1. /*ViewController.m*/  
2. //实现界面的切换  
3. -(IBAction)Edit:(id)sender  
4. {  
5.     //要从此类界面转换到EditViewController类的界面  
6.     EditViewController *tmpEdit = [[EditViewController alloc]initWithNibName:@"EditViewController" bundle:nil];  
7.     //- (void)presentModalViewController:(UIViewController *)modalViewController animated:(BOOL)animated;   
8.       
9.     //设置翻页效果  
10.     tmpEdit.modalTransitionStyle = UIModalTransitionStylePartialCurl;  
11.     /* 
12.      其他翻页效果： 
13.      UIModalTransitionStyleCoverVertical 
14.      UIModalTransitionStyleFlipHorizontal 
15.      UIModalTransitionStyleCrossDissolve 
16.      UIModalTransitionStylePartialCurl 
17.      */  
18.       
19.     [self presentModalViewController:tmpEdit animated:YES];//实现页面的切换  
20.     [tmpEdit autorelease];  
21.     NSLog(@"Edit function called");  
22. }