我們可以用代碼編寫界面,同樣也可以在項目中擴展名為xib的文件中設計(圖中選中的)
打開后,在Xcode的右下角有一些常用的控件
可以直接把這些控件用鼠標拖到界面里使用:
如下用了7個Label和一個Button組成的簡單界面
然后編寫定義這個界面內控件的類文件:
- /*ViewController.h*/
- #import <UIKit/UIKit.h>
-
- @interface ViewController : UIViewController
- {
- //定義三個Label
- UILabel *titleLabel;
- UILabel *priceLabel;
- UILabel *summaryLabel;
- }
-
- @property(nonatomic,retain)IBOutlet UILabel *titleLabel;
- @property(nonatomic,retain)IBOutlet UILabel *priceLabel;
- @property(nonatomic,retain)IBOutlet UILabel *summaryLabel;
-
- -(IBAction)Edit:(id)sender;
- @end
然后要在界面中把控件和代碼相關聯起來,實現用代碼設計控件:
我們會在界面的左側看到這三個圖標,選擇第一個
當選擇后,在Xcode右上方有這么一塊區域
首先要把這個界面和實現它的類相關聯起來,在圖中的上方有class的字樣,在它的后面的框中輸入要關聯類的類名(里面也有設置控件屬性)
因為在類中我們已經定義了三個Label控件,所以我們可以把這三個和界面中的控件關聯
在界面左側的第一圖標上右擊,回出現這樣的畫面:
注意:只有把這個界面和類相關聯后才會出現圖中如:priceLabel / titleLabel 等字樣,當然了如果類中沒有定義也不會有的,
關聯的操作:
當添加按鈕的關聯的時候,會出現下面的畫面,要選擇倒數第三個選項,
按鈕在這里的作用是實現界面切換
一定要記得把view關聯,否則就是沒有畫面的程序
關聯完成:
在添加的過程中會出現各種各樣的問題,這個時候就要去確定到底什么沒有寫或什么沒有做:
1.在類中定義,要注意一定要添加 IBOutlet
2.要和類關聯
3.一定要關聯view
關於里面button按鈕,實現切換
- /*ViewController.m*/
- //實現界面的切換
- -(IBAction)Edit:(id)sender
- {
- //要從此類界面轉換到EditViewController類的界面
- EditViewController *tmpEdit = [[EditViewController alloc]initWithNibName:@"EditViewController" bundle:nil];
- //- (void)presentModalViewController:(UIViewController *)modalViewController animated:(BOOL)animated;
-
- //設置翻頁效果
- tmpEdit.modalTransitionStyle = UIModalTransitionStylePartialCurl;
- /*
- 其他翻頁效果:
- UIModalTransitionStyleCoverVertical
- UIModalTransitionStyleFlipHorizontal
- UIModalTransitionStyleCrossDissolve
- UIModalTransitionStylePartialCurl
- */
-
- [self presentModalViewController:tmpEdit animated:YES];//實現頁面的切換
- [tmpEdit autorelease];
- NSLog(@"Edit function called");
- }