[轉]IOS Segment頁面之間view的切換

標籤：blog   http   java   os   width   art   

有三個view，分別為view1、view2、view3，通過UISegmentedControl進行三個view的切換。

 

Ios代碼  

1. @interface UIViewDemoViewController : UIViewController {  
2.     IBOutlet UIView *view1;  
3.     IBOutlet UIView *view2;  
4.     IBOutlet UIView *view3;  
5. }  
6.   
7. - (IBAction)switchViews:(id)sender;  
8. @end  

 

在Interface Builder中分別建立三個view，關聯到各自的輸出口，每個view上的UISegmentedControl關聯到switchViews:操作。

 

Ios代碼  

1. - (void)viewDidLoad {  
2.     [super viewDidLoad];  
3.     [self.view addSubview:view1];  
4.     [self.view addSubview:view2];  
5.     [self.view addSubview:view3];  
6. }  
7.   
8. - (IBAction)switchViews:(id)sender{  
9.     UISegmentedControl *segmentedControl = sender;  
10.     [[NSNotificationCenter defaultCenter] postNotificationName:@"switchViews" object:[NSNumber numberWithInteger:[segmentedControl selectedSegmentIndex]]];  
11. }  

 

接著，為UISegmentedControl控制項建立一個處理類。

 

 

Ios代碼  

1. @interface SegmentedControl : UISegmentedControl {  
2.     IBOutlet UIView *view1;  
3.     IBOutlet UIView *view2;  
4.     IBOutlet UIView *view3;  
5.     IBOutlet UIViewDemoViewController* viewController;  
6. }  
7.   
8. @end  

 

將UISegmentedControl控制項的Class改為剛建立的處理類：SegmentedControl，然後，將UISegmentedControl控制項關聯到四個輸出口：view分別關聯到剛建立的三個view上，viewController關聯到File‘s Owner上。

 

Ios代碼  

1. - (void)awakeFromNib{  
2.     [[NSNotificationCenter defaultCenter] addObserver:self  
3.                                              selector:@selector(switchViews:)  
4.                                                  name:@"switchViews"  
5.                                                object:nil];  
6. }  
7.   
8. - (void)switchViews:(NSNotification*)notification{  
9.     NSNumber *viewNumber = [notification object];  
10.     NSInteger i = [viewNumber integerValue];      
11.     [self setSelectedSegmentIndex:i];  
12.     UIView *chosenView = nil;  
13.     switch (i) {  
14.         case 0:  
15.             chosenView = view1;  
16.             break;  
17.         case 1:  
18.             chosenView = view2;  
19.             break;  
20.         case 2:  
21.             chosenView = view3;  
22.             break;  
23.         default:  
24.             break;  
25.     }  
26.     if (chosenView) {  
27.         [[viewController view] bringSubviewToFront:chosenView];  
28.     }  
29. }  
30.   
31. - (void)dealloc{  
32.     [super dealloc];  
33.     [[NSNotificationCenter defaultCenter] removeObserver:self];  
34. }  

 

代碼可以到視圖切換的動畫效果進行下載。