圖片分為靜態(tài)和動態(tài)兩種,圖片的格式有很多種,在開發(fā)中比較常見的是.png和.jpg的靜態(tài)圖片,但有的時候在App中需要播放動態(tài)圖片,比如.gif格式的小表情頭像,在IOS中并沒有提供直接顯示動態(tài)圖片的控件,下面就介紹幾種顯示動態(tài)圖片的方式。
<一> UIImageView用來顯示圖片, 使用UIImageView中的動畫數(shù)組來實現(xiàn)圖片的動畫效果
//創(chuàng)建UIImageView,添加到界面
UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake(20, 20, 100, 100)];
[self.view addSubview:imageView];
//創(chuàng)建一個數(shù)組,數(shù)組中按順序添加要播放的圖片(圖片為靜態(tài)的圖片)
NSMutableArray *imgArray = [NSMutableArray array];
for (int i=1; i<7; i++) {
UIImage *image = [UIImage imageNamed:[NSString stringWithFormat:@"clock%02d.png",i]];
[imgArray addObject:image];
}
//把存有UIImage的數(shù)組賦給動畫圖片數(shù)組
imageView.animationImages = imgArray;
//設置執(zhí)行一次完整動畫的時長
imageView.animationDuration = 6*0.15;
//動畫重復次數(shù) (0為重復播放)
imageView.animationRepeatCount = 0;
//開始播放動畫
[imageView startAnimating];
//停止播放動畫 - (void)stopAnimating;
//判斷是否正在執(zhí)行動畫 - (BOOL)isAnimating;
<二> 用UIWebView來顯示動態(tài)圖片
//得到圖片的路徑
NSString *path = [[NSBundle mainBundle] pathForResource:@"happy" ofType:@"gif"];
//將圖片轉為NSData
NSData *gifData = [NSData dataWithContentsOfFile:path];
//創(chuàng)建一個webView,添加到界面
UIWebView *webView = [[UIWebView alloc] initWithFrame:CGRectMake(0, 150, 200, 200)];
[self.view addSubview:webView];
//自動調整尺寸
webView.scalesPageToFit = YES;
//禁止?jié)L動
webView.scrollView.scrollEnabled = NO;
//設置透明效果
webView.backgroundColor = [UIColor clearColor];
webView.opaque = 0;
//加載數(shù)據(jù)
[webView loadData:gifData MIMEType:@"image/gif" textEncodingName:nil baseURL:nil];
總結
1、通過UIImageView顯示動畫效果,實際上是把動態(tài)的圖拆成了一組靜態(tài)的圖,放到數(shù)組中,播放的時候依次從數(shù)組中取出。如果播放的圖片比較少占得內存比較小或者比較常用(比如工具條上一直顯示的動態(tài)小圖標),可以選擇用imageNamed:方式獲取圖片,但是通過這種方式加到內存中,使用結束,不會自己釋放,多次播放動畫會造成內存溢出問題。因此,對于大圖或經常更換的圖,在取圖片的時候可以選擇imageWithContentsOfFile:方式獲取圖片,優(yōu)化內存。
2、使用UIWebView顯示圖片需要注意顯示圖片的尺寸與UIWebView尺寸的設置,如果只是為了顯示動態(tài)圖片,可以禁止UIWebView滾動。在顯示動態(tài)圖片的時候,即使是動圖的背景處為透明,默認顯示出來是白色背景,這個時候需要手動設置UIWebView的透明才能達到顯示動圖背景透明的效果。
UIImageView是通過定時器來控制圖片模擬的動畫,播放的時候是設置每一幀的時長,因此在使用的時候,要盡量與動圖原本的時長靠近,不然動畫效果會有些奇怪。而通過UIWebView加載Gif動圖的時候會保持原有的幀速,不需要再次設置。
出處: http://www.cnblogs.com/jerehedu
本文版權歸 煙臺杰瑞教育科技有限公司 和博客園共有