IOS開發筆記UIView使用animateWithDuration控制頁面效果 – iPhone手機開發技術文章 iPhone軟體開發教學課程

引言:最近學習瞭一些頁面的跳轉動畫效果。使用的是UIview的animateWithDuration方法。當然之前的beginAnimations也是可以實現的。

 

比如一:從屏幕下部往上漸漸彈出一個圖片

[plain] 
-(void) fadeIn 
{    
    CGRect rect = [[UIScreen mainScreen] bounds]; 
      self.view.center = CGPointMake(rect.size.width/2, 720); 
    [UIView animateWithDuration:0.5f animations:^{ 
         self.view.center = CGPointMake(rect.size.width/2, 240+10);   
    } completion:^(BOOL finished) { 
     //   [imageView setImageURL:[NSURL URLWithString:imgUrl]]; 
    }]; 

比如二:再漸漸退回去

[plain] 
-(void) fadeOut 

    CGRect rect = [[UIScreen mainScreen] bounds]; 
    [UIView animateWithDuration:0.5f animations:^{ 
        self.view.center = CGPointMake(rect.size.width/2, 720); 
    } completion:^(BOOL finished) { 
        [imageView cancelImageLoad]; 
        [imageView release]; 
        //[imgUrl release]; 
       // imageView = nil; 
        //imgUrl = nil; 
       // [self.view removeFromSuperview]; 
    }]; 

如果使用beginAnimations就是下面這樣的。。。。

[plain]
   CGRect rect = [[UIScreen mainScreen] bounds]; 
   self.myimg.center = CGPointMake(rect.size.width/2, 720); 
   [UIView beginAnimations:nil context:NULL]; 
[UIView setAnimationDuration:1.0]; 
 
self.myimg.center = CGPointMake(rect.size.width/2, 720);  
 
[UIView commitAnimations]; 

備註:其實掌握瞭  self.view.center = CGPointMake(rect.size.width/2, 240+10);
設置其中心點坐標即可。

下面是可以設置動畫效果的屬性:

frame
bounds
center
transform
alpha
backgroundColor
contentStretch

例如一個視圖淡出屏幕,另外一個視圖出現的代碼:

[UIView animateWithDuration:1.0 animations:^{
        firstView.alpha = 0.0;
        secondView.alpha = 1.0;
}];
completion為動畫執行完畢以後執行的代碼塊
options為動畫執行的選項。可以參考這裡
delay為動畫開始執行前等待的時間

You May Also Like