iOS-啓動加載廣告頁面

思路

1.廣告頁加載思路。廣告頁的內容要實時顯示,在無網絡狀態或者網速緩慢的狀況下不能延遲加載,或者等到首頁出現了再加載廣告頁。因此這裏我不採用網絡請求廣告接口獲取圖片地址,而後加載圖片的方式,而是先將圖片異步下載到本地,並保存圖片名,每次打開app時先根據本地存儲的圖片名查找沙盒中是否存在該圖片,若是存在,則顯示廣告頁。html

2.判斷廣告頁面是否更新。不管本地是否存在廣告圖片,每次啓動都須要從新調用廣告接口,根據圖片名稱或者圖片id等方法判斷廣告是否更新,若是獲取的圖片名稱或者圖片id跟本地存儲的不一致,則須要從新下載新圖片,並刪除舊圖片。git

3.廣告頁點擊。若是點擊廣告須要跳轉廣告詳情頁面,那麼廣告連接地址也須要用NSUserDefaults存儲。注意:廣告詳情頁面是從首頁push進去的。github

4.廣告頁的顯示代碼能夠放在AppDeleate中,也能夠放在首頁的控制器中。若是代碼是在AppDelegate中,能夠經過發送通知的方式,讓首頁push到廣告詳情頁。json

5.廣告頁面的底部和啓動圖的底部通常都是相同的,給咱們的感受就是啓動圖加載完以後把廣告圖放在了啓動圖上,並且不能有誤差,好比淘寶。美工在製做廣告圖的時候要注意這點。api

6.研究了一下淘寶的廣告顯示機制,刪除淘寶以後從新打開不會顯示廣告圖片,第二次打開纔會顯示。美團的廣告圖有時候一直都不會顯示,因此後臺在開發廣告api的時候能夠增長個字段來判斷是否啓用廣告,若是後臺關閉了廣告,將沙盒中的圖片刪除便可。網絡

步驟

1.判斷沙盒中是否存在廣告圖片,若是存在,直接顯示app

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) {

    }];

異步下載圖片async

/**
 *  下載新圖片
 */
- (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實現post

// 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];

}

代碼下載地址:https://github.com/zhouhuanqiang/AdvertisingPageDemo

代碼下載地址:https://github.com/AllLuckly/LBLaunchImageAd

相關文章
相關標籤/搜索