啟動載入廣告頁面

weixin_33724059發表於2016-06-05

轉載自:http://ios.jobbole.com/85556/

思路

1.廣告頁載入思路。廣告頁的內容要實時顯示，在無網路狀態或者網速緩慢的情況下不能延遲載入，或者等到首頁出現了再載入廣告頁。所以這裡我不採用網路請求廣告介面獲取圖片地址，然後載入圖片的方式，而是先將圖片非同步下載到本地，並儲存圖片名，每次開啟app時先根據本地儲存的圖片名查詢沙盒中是否存在該圖片，如果存在，則顯示廣告頁。

2.判斷廣告頁面是否更新。無論本地是否存在廣告圖片，每次啟動都需要重新呼叫廣告介面，根據圖片名稱或者圖片id等方法判斷廣告是否更新，如果獲取的圖片名稱或者圖片id跟本地儲存的不一致，則需要重新下載新圖片，並刪除舊圖片。

3.廣告頁點選。如果點選廣告需要跳轉廣告詳情頁面，那麼廣告連結地址也需要用NSUserDefaults儲存。注意：廣告詳情頁面是從首頁push進去的。

4.廣告頁的顯示程式碼可以放在AppDeleate中，也可以放在首頁的控制器中。如果程式碼是在AppDelegate中，可以通過傳送通知的方式，讓首頁push到廣告詳情頁。

5.廣告頁面的底部和啟動圖的底部一般都是相同的，給我們的感覺就是啟動圖載入完之後把廣告圖放在了啟動圖上，而且不能有偏差，比如淘寶。美工在製作廣告圖的時候要注意這點。

6.研究了一下淘寶的廣告顯示機制，刪除淘寶之後重新開啟不會顯示廣告圖片，第二次開啟才會顯示。美團的廣告圖有時候一直都不會顯示，所以後臺在開發廣告api的時候可以增加個欄位來判斷是否啟用廣告，如果後臺關閉了廣告，將沙盒中的圖片刪除即可。

步驟

1.判斷沙盒中是否存在廣告圖片，如果存在，直接顯示

NSString *filePath = [self getFilePathWithImageName:[kUserDefaults valueForKey:adImageName]];
 
    BOOL isExist = [self isFileExistWithFilePath:filePath];
    if (isExist) {// 圖片存在
 
        AdvertiseView *advertiseView = [[AdvertiseView alloc] initWithFrame:self.window.bounds];
        advertiseView.filePath = filePath;
        [advertiseView show];
 
    }

2.無論沙盒中是否存在廣告圖片，都需要重新呼叫獲取廣告介面，判斷廣告是否更新

AFHTTPRequestOperationManager * manager = [AFHTTPRequestOperationManager manager];
    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];
        BOOL isExist = [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(@"儲存成功");
            [self deleteOldImage];// 儲存成功後刪除舊圖片
            [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 = [NSFileManager defaultManager];
        [fileManager removeItemAtPath:filePath error:nil];
    }
}

3.廣告頁面的跳過按鈕倒數計時功能可以通過定時器或者GCD實現

// GCD倒數計時
- (void)startCoundown
{
    __block int timeout = 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); //每秒執行
    dispatch_source_set_event_handler(_timer, ^{
        if(timeout <= 0){ //倒數計時結束，關閉
            dispatch_source_cancel(_timer);
            dispatch_async(dispatch_get_main_queue(), ^{
 
                [self dismiss];
 
            });
        }else{
 
            dispatch_async(dispatch_get_main_queue(), ^{
                [_countBtn setTitle:[NSString stringWithFormat:@"跳過%d",timeout] forState:UIControlStateNormal];
            });
            timeout--;
        }
    });
    dispatch_resume(_timer);
}

4.為廣告頁面新增一個點選手勢，跳轉到廣告頁面

//AdvertiseView.m
- (void)pushToAd{
 
    [self dismiss];
 
    [[NSNotificationCenter defaultCenter] postNotificationName:@"pushtoad" object:nil userInfo:nil];
}
 
// ViewController.m
- (void)viewDidLoad {
    [super viewDidLoad];
 
    self.title = @"首頁";
 
    self.view.backgroundColor = [UIColor orangeColor];
 
    [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(pushToAd) name:@"pushtoad" object:nil];
}
 
- (void)pushToAd {
 
    AdvertiseViewController *adVc = [[AdvertiseViewController alloc] init];
    [self.navigationController pushViewController:adVc animated:YES];
 
}

分分鐘解決iOS開發中App啟動廣告的功能

http://ios.jobbole.com/86400/

相關文章