需求
很多app(如淘寶愉耙、美團(tuán)等)在啟動圖加載完畢后贮尉，還會顯示幾秒的廣告，一般都有個跳過按鈕可以跳過這個廣告朴沿，有的app在點擊廣告頁之后還會進(jìn)入一個廣告頁面猜谚，點擊返回進(jìn)入首頁。今天我們就來開發(fā)一個廣告頁面悯仙，效果如下龄毡。
思路
1.廣告頁加載思路。廣告頁的內(nèi)容要實時顯示锡垄，在無網(wǎng)絡(luò)狀態(tài)或者網(wǎng)速緩慢的情況下不能延遲加載沦零，或者等到首頁出現(xiàn)了再加載廣告頁。所以這里我不采用網(wǎng)絡(luò)請求廣告接口獲取圖片地址货岭，然后加載圖片的方式路操，而是先將圖片異步下載到本地疾渴，并保存圖片名，每次打開app時先根據(jù)本地存儲的圖片名查找沙盒中是否存在該圖片屯仗，如果存在搞坝，則顯示廣告頁。
2.判斷廣告頁面是否更新魁袜。無論本地是否存在廣告圖片桩撮，每次啟動都需要重新調(diào)用廣告接口，根據(jù)圖片名稱或者圖片id等方法判斷廣告是否更新峰弹，如果獲取的圖片名稱或者圖片id跟本地存儲的不一致店量，則需要重新下載新圖片，并刪除舊圖片鞠呈。
3.廣告頁點擊融师。如果點擊廣告需要跳轉(zhuǎn)廣告詳情頁面，那么廣告鏈接地址也需要用NSUserDefaults存儲蚁吝。注意：廣告詳情頁面是從首頁push進(jìn)去的旱爆。
4.廣告頁的顯示代碼可以放在AppDeleate中，也可以放在首頁的控制器中窘茁。如果代碼是在AppDelegate中怀伦，可以通過發(fā)送通知的方式，讓首頁push到廣告詳情頁庙曙。
5.廣告頁面的底部和啟動圖的底部一般都是相同的空镜，給我們的感覺就是啟動圖加載完之后把廣告圖放在了啟動圖上，而且不能有偏差捌朴，比如淘寶吴攒。美工在制作廣告圖的時候要注意這點。
6.研究了一下淘寶的廣告顯示機(jī)制砂蔽，刪除淘寶之后重新打開不會顯示廣告圖片洼怔，第二次打開才會顯示。美團(tuán)的廣告圖有時候一直都不會顯示左驾，所以后臺在開發(fā)廣告api的時候可以增加個字段來判斷是否啟用廣告镣隶，如果后臺關(guān)閉了廣告，將沙盒中的圖片刪除即可诡右。
步驟
1.判斷沙盒中是否存在廣告圖片安岂，如果存在，直接顯示
NSString*filePath = [self getFilePathWithImageName:[kUserDefaults valueForKey:adImageName]];
BOOLisExist = [self isFileExistWithFilePath:filePath];
if(isExist){// 圖片存在
AdvertiseView*advertiseView = [[AdvertiseViewalloc] initWithFrame:self.window.bounds];
advertiseView.filePath = filePath;
[advertiseView show];
}
2.無論沙盒中是否存在廣告圖片帆吻，都需要重新調(diào)用獲取廣告接口域那，判斷廣告是否更新
異步下載圖片
AFHTTPRequestOperationManager * manager = [AFHTTPRequestOperationManagermanager];
manager.responseSerializer.acceptableContentTypes = [NSSet setWithObjects:@"application/json",@"text/html",nil];
[manager GET:urlStr parameters:nil success:^(AFHTTPRequestOperation * _Nonnull operation,id _Nonnull responseObject){
NSArray*dataArray = responseObject[@"data"];
NSString*imageUrl = dataArray[0][@"imageUrl"];
NSArray*stringArr = [imageUrl componentsSeparatedByString:@"/"];
NSString*imageName = stringArr.lastObject;
NSString*filePath = [self getFilePathWithImageName:imageName];
BOOLisExist = [self isFileExistWithFilePath:filePath];
if(!isExist){// 如果該圖片不存在，則下載新圖片猜煮，刪除老圖片
[self downloadAdImageWithUrl:imageUrl imageName:imageName];
}
} failure:^(AFHTTPRequestOperation * _Nullable operation,NSError * _Nonnull error){
}];
異步下載圖片
- (void)downloadAdImageWithUrl:(NSString*)imageUrl imageName:(NSString*)imageName
{
dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT,0), ^{
NSData*data = [NSData dataWithContentsOfURL:[NSURL URLWithString:imageUrl]];
UIImage*image = [UIImage imageWithData:data];
NSString*filePath = [self getFilePathWithImageName:imageName];// 保存文件的名稱
if([UIImagePNGRepresentation(image) writeToFile:filePath atomically:YES]){// 保存成功
NSLog(@"保存成功");
[selfdeleteOldImage];// 保存成功后刪除舊圖片
[kUserDefaults setValue:imageName forKey:adImageName];
[kUserDefaults synchronize];
// 如果有廣告鏈接次员，需要將廣告鏈接也保存下來
}else{
NSLog(@"保存失敗");
}
});
}
- (void)deleteOldImage
{
NSString*imageName = [kUserDefaults valueForKey:adImageName];
if(imageName){
NSString*filePath = [self getFilePathWithImageName:imageName];
NSFileManager*fileManager = [NSFileManagerdefaultManager];
[fileManager removeItemAtPath:filePath error:nil];
}
}
3.廣告頁面的跳過按鈕倒計時功能可以通過定時器或者GCD實現(xiàn)
// GCD倒計時
- (void)startCoundown
{
__block inttimeout = showtime + 1;//倒計時時間 + 1
dispatch_queue_t queue = dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT,0);
dispatch_source_t _timer = dispatch_source_create(DISPATCH_SOURCE_TYPE_TIMER,0,0,queue);
dispatch_source_set_timer(_timer,dispatch_walltime(NULL,0),1.0 * NSEC_PER_SEC,0);//每秒執(zhí)行
dispatch_source_set_event_handler(_timer, ^{
if(timeout <= 0){//倒計時結(jié)束败许，關(guān)閉
dispatch_source_cancel(_timer);
dispatch_async(dispatch_get_main_queue(), ^{
[selfdismiss];
});
}else{
dispatch_async(dispatch_get_main_queue(), ^{
[_countBtn setTitle:[NSString stringWithFormat:@"跳過%d",timeout] forState:UIControlStateNormal];
});
timeout--;
}
});
dispatch_resume(_timer);
}
4.為廣告頁面添加一個點擊手勢，跳轉(zhuǎn)到廣告頁面
//AdvertiseView.m
- (void)pushToAd{
[selfdismiss];
[[NSNotificationCenterdefaultCenter] postNotificationName:@"pushtoad" object:nil userInfo:nil];
}
// ViewController.m
- (void)viewDidLoad{
[superviewDidLoad];
self.title = @"首頁";
self.view.backgroundColor = [UIColororangeColor];
[[NSNotificationCenterdefaultCenter] addObserver:self selector:@selector(pushToAd) name:@"pushtoad" object:nil];
}
- (void)pushToAd{
AdvertiseViewController*adVc = [[AdvertiseViewControlleralloc] init];
[self.navigationController pushViewController:adVc animated:YES];
}
