en

hi, it seems you are using microsoft internet explorer. it doesn't match web standard and causes problems browsing this site. please please please use mozilla firefox or google chrome instead. thank you!

zh

哦哦!您正在使用Internet Explorer 瀏覽器,它與我們的網頁標準並不相容,可能會導致畫面顯示不正常。
請改用 Mozilla Firefox 或者 Google Chrome 才能正常瀏覽本網站,謝謝!

11.20.2010

Core Graphic 的多張圖片動畫

 

使用切換多張圖片的方式來製作動畫,首先必需要把所有需要用到的圖片都放置於專案內的 Resource 中,接著鍵入以以下程式碼。(View-based Template)

- (void)viewDidLoad {
    [super viewDidLoad];

    //設定繪圖區域,從(80,120)開始繪圖,大小是160*240的point
    CGRect imageRect = CGRectMake(80.0f, 120.0f, 160.0f, 240.0f);

    //將需要製作動畫的圖檔名稱按照順序置入陣列中
    NSArray *images = [NSArray arrayWithObjects:[UIImage imageNamed:@"Load_1.png"],
                                                [UIImage imageNamed:@"Load_2.png"],
                                                [UIImage imageNamed:@"Load_3.png"],
                                                [UIImage imageNamed:@"Load_4.png"],
                                                nil];

    UIImageView *image = [[UIImageView alloc] initWithFrame:imageRect];

    //選擇images當作製作動畫的母片,並設定速度與播放次數(無窮迴圈)。
    image.animationImages = images;
    image.animationDuration = 3.0;
    image.animationRepeatCount = 0;

    //播放動畫並將image顯示在View上
    [image startAnimating];
    [self.view addSubview:image];

    [image release];
}

製作 images 這個陣列時必須注意,如果檔案名稱出現錯誤,或是找不到該檔案,程式仍然可以執行,但是出現錯誤的地方將會自動補上 nil,而後面正確的圖片也無法成功播放。






沒有留言:

張貼留言