先上图:

OC(八)-APP-引导页广告加载 - 图1

实现思路:

实例化view 添加到 window上,在 view上添加广告图片,跳过按钮,再做它们的相应的点击事件处理,需要引入第三方库 SDWebImage, 切记.
妥啦,就是这么简单.来上代码.

调用代码 (三行搞定) AppDelegate.m

  1. //
  2. //  AppDelegate.m
  3. //  ADLaunchImage
  4. //
  5. //  Created by HMC on 16/10/17.
  6. //  Copyright © 2016年 SKing. All rights reserved.
  7. //
  9. #import "AppDelegate.h"
  10. #import "ADView.h"
  12. @interface AppDelegate ()
  14. @end
  16. @implementation AppDelegate
  19. - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
  21.     //网络测试
  22.     NSString * imageURL = @"http://www.uisheji.com/forum.php?mod=attachment&aid=MTA5ODF8NGU1NzM3MDJ8MTQ3NjcyMTQ3MHwwfDU1NzA%3D&noupdate=yes&nothumb=yes";
  23.     //本地测试
  24.     NSString * imageURL1 = @"AD.png";
  25.     //本地gif测试
  26.     NSString * imageURL2 = @"ad.gif";
  27.     ADView * adView = [[ADView alloc] initWithWindow:self.window sizeOfADImage:1.7 showTime:6 adImageURL:imageURL];
  28.     adView.adImageClickedBlock = ^(NSInteger num){
  30.         NSLog(@"在这里执行点击图片的操作,类型参数为:%ld",(long)num);
  32.     };
  34.     return YES;
  35. }

自定义 view代码.h

  1. //
  2. //  ADView.h
  3. //  ADLaunchImage
  4. //
  5. //  Created by HMC on 16/10/17.
  6. //  Copyright © 2016年 SKing. All rights reserved.
  7. //
  9. #import <UIKit/UIKit.h>
  11. #define screenWidth      [[UIScreen mainScreen] bounds].size.width
  12. #define screenHeight     [[UIScreen mainScreen] bounds].size.height
  15. @interface ADView : UIView
  17. //点击图片的 block
  18. @property (nonatomic, copy) void(^adImageClickedBlock)(NSInteger num);
  22. /**
  23.  初始化对象
  25.  @param window           window 窗口
  26.  @param percentOfAdImage 广告图片大小(0 - 1)
  27.  @param interval         广告图片展示时长
  28.  @param imageURL         广告图片的 URL(网络) 或者 图片名字(本地)
  30.  @return self
  31.  */
  32. -(instancetype)initWithWindow:(UIWindow *)window sizeOfADImage:(CGFloat)percentOfAdImage showTime:(NSInteger)interval adImageURL:(NSString *)imageURL;
  34. @end

.m

  1. //
  2. //  ADView.m
  3. //  ADLaunchImage
  4. //
  5. //  Created by HMC on 16/10/17.
  6. //  Copyright © 2016年 SKing. All rights reserved.
  7. //
  9. #import "SADView.h"
  10. #import "UIImageView+WebCache.h"
  11. #import "UIImage+GIF.h"
  13. @interface SADView()
  15. @property (nonatomic, strong) NSTimer * timerOfShowAD;
  16. //广告图片
  17. @property (nonatomic, strong) UIImageView * adImage;
  18. //跳过按钮
  19. @property (nonatomic, strong) UIButton * skipButton;
  20. //广告图片的 URL
  21. @property (nonatomic, copy) NSString * imageURL;
  22. //本地广告图片名字
  23. @property (nonatomic, copy) NSString * localADImage;
  24. //广告图片的大小
  25. @property (nonatomic, assign)CGFloat percentOfAdImage;
  26. //显示时长
  27. @property (nonatomic, assign)NSInteger showTime;
  29. @end
  31. @implementation SADView
  34. -(instancetype)initWithWindow:(UIWindow *)window sizeOfADImage:(CGFloat)percentOfAdImage showTime:(NSInteger)interval adImageURL:(NSString *)imageURL{
  36.     self.localADImage = @"AD.png";
  37.     _percentOfAdImage = percentOfAdImage;
  38.     self.showTime = interval;
  39.     self.imageURL = imageURL;
  41.     if (self = [super init]) {
  43.         //活动窗口
  44.         [window makeKeyAndVisible];
  45.         CGSize screenSize = window.bounds.size;
  47.         //设置启动图片
  48.         NSString * launchImageName = nil;
  49.         //设置竖屏
  50.         NSString * screenDirection = @"Portrait";
  51.         NSArray * launchImagesDict = [[[NSBundle mainBundle] infoDictionary] valueForKey:@"UILaunchImages"];
  53.         for (NSDictionary * dict in launchImagesDict) {
  54.             NSString * imageDiretion = dict[@"UILaunchImageOrientation"];
  55.             CGSize imageSize = CGSizeFromString(dict[@"UILaunchImageSize"]);
  56.             if (CGSizeEqualToSize(screenSize, imageSize) && [screenDirection isEqualToString:imageDiretion])  {
  58.                 launchImageName = dict[@"UILaunchImageName"];
  59.             }
  61.         }
  64.         //设置 self 的参数
  65.         self.frame = window.bounds;
  66.         self.backgroundColor = [UIColor colorWithPatternImage:[UIImage imageNamed:launchImageName]];
  69.         [self.adImage addSubview:self.skipButton];
  70.         [self addSubview:self.adImage];
  71.         [window addSubview:self];
  74.     }
  76.     return self;
  77. }
  80. #pragma mark - 按宽度 等比例缩放  注意:借用网上算法优化
  81. - (UIImage *)imageCompressForWidth:(UIImage *)sourceImage targetWidth:(CGFloat)defineWidth {
  83.     UIImage *newImage = nil;
  84.     CGSize imageSize = sourceImage.size;
  85.     CGFloat width = imageSize.width;
  86.     CGFloat height = imageSize.height;
  88.     CGFloat targetWidth = defineWidth;
  89.     CGFloat targetHeight = targetWidth * height / width ;
  90.     CGSize size = CGSizeMake(targetWidth, targetHeight);
  92.     CGFloat scaleFactor = 0.0;
  93.     CGFloat scaledWidth = targetWidth;
  94.     CGFloat scaledHeight = targetHeight;
  95.     CGPoint thumbnailPoint = CGPointMake(0.0, 0.0);
  97.     if(!CGSizeEqualToSize(imageSize, size)){
  99.         CGFloat widthFactor = targetWidth / width;
  100.         CGFloat heightFactor = targetHeight / height;
  102.         scaleFactor = widthFactor > heightFactor?  widthFactor :heightFactor;
  104.         scaledWidth = width * scaleFactor;
  105.         scaledHeight = height * scaleFactor;
  107.         if(widthFactor > heightFactor){
  109.             thumbnailPoint.y = (targetHeight - scaledHeight) * 0.5;
  111.         }else if(widthFactor < heightFactor){
  113.             thumbnailPoint.x = (targetWidth - scaledWidth) * 0.5;
  114.         }
  115.     }
  116.     //重绘
  117.     UIGraphicsBeginImageContextWithOptions(size, NO, [UIScreen mainScreen].scale);
  118.     CGRect thumbnailRect = CGRectZero;
  119.     thumbnailRect.origin = thumbnailPoint;
  120.     thumbnailRect.size.width = scaledWidth;
  121.     thumbnailRect.size.height = scaledHeight;
  123.     [sourceImage drawInRect:thumbnailRect];
  125.     newImage = UIGraphicsGetImageFromCurrentImageContext();
  127.     UIGraphicsEndImageContext();
  129.     return newImage;
  130. }
  133. -(UIImageView *)adImage{
  135.     if (!_adImage) {
  137.         _adImage = [UIImageView new];
  138.         _adImage.contentMode = UIViewContentModeScaleAspectFit;
  139.         _adImage.userInteractionEnabled = YES;
  141.         if (_percentOfAdImage <= 1 && _percentOfAdImage > 0) {
  143.             _adImage.frame = CGRectMake(0, 0, screenWidth, screenHeight * _percentOfAdImage);
  144.         }else{
  146.             _adImage.frame = CGRectMake(0, 0, screenWidth, screenHeight);
  147.         }
  149.         UITapGestureRecognizer * tap = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(tapAD:)];
  150.         [_adImage addGestureRecognizer:tap];
  152.         CABasicAnimation * ani = [CABasicAnimation animationWithKeyPath:@"opacity"];
  153.         ani.duration = 1.0;
  154.         ani.fromValue = [NSNumber numberWithFloat:0.0];
  155.         ani.toValue = [NSNumber numberWithFloat:1.0];
  156.         ani.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseIn];
  157.         [_adImage.layer addAnimation:ani forKey:@"animateOpacity"];
  160.     }
  161.     return _adImage;
  162. }
  164. -(UIButton *)skipButton
  165. {
  166.     if (!_skipButton) {
  168.         _skipButton = [UIButton buttonWithType:UIButtonTypeCustom];
  169.         _skipButton.frame = CGRectMake(screenWidth- 85, 35, 65, 35);
  170.         _skipButton.backgroundColor = [UIColor grayColor];
  171.         _skipButton.titleLabel.textColor = [UIColor whiteColor];
  172.         _skipButton.titleLabel.font = [UIFont systemFontOfSize:14.0];
  173.         _skipButton.layer.masksToBounds = YES;
  174.         _skipButton.layer.cornerRadius = 5.0;
  175.         [_skipButton setTitle:[NSString stringWithFormat:@"跳过"] forState:UIControlStateNormal];
  176.         [_skipButton addTarget:self action:@selector(skipAD:) forControlEvents:UIControlEventTouchUpInside];
  178.     }
  179.     return _skipButton;
  180. }
  182. -(void)setImageURL:(NSString *)imageURL{
  184.     _imageURL = imageURL;
  186.     if (imageURL) {
  188.         [[SDWebImageManager sharedManager] downloadImageWithURL:[NSURL URLWithString:imageURL] options:0 progress:nil completed:^(UIImage *image, NSError *error, SDImageCacheType cacheType, BOOL finished, NSURL *imageURL) {
  190.             if (image) {
  192.                 [self.adImage setImage:[self imageCompressForWidth:image targetWidth:screenWidth]];
  194.             }else{
  196.                 if ([_imageURL rangeOfString:@".gif"].length) {
  198.                     NSData * gifImageData = [NSData dataWithContentsOfFile:[[NSBundle mainBundle] pathForResource:_imageURL ofType:nil]];
  199.                     self.adImage.image = [UIImage sd_animatedGIFWithData:gifImageData];
  201.                 }else{
  203.                     [self.adImage setImage: [self imageCompressForWidth:[UIImage imageNamed:_imageURL] targetWidth:screenWidth]];
  205.                 }
  206.             }
  207.         }];
  208.     }
  210.     //设置广告图片的定时器
  211.     _timerOfShowAD = [NSTimer scheduledTimerWithTimeInterval:1.0 target:self selector:@selector(closeAD) userInfo:nil repeats:YES];
  215. }
  218. //跳过广告
  219. -(void)skipAD:(UIButton *)btn
  220. {
  221.     NSLog(@"跳过广告");
  222.     [self closeADView];
  224. }
  226. //点击广告
  228. -(void)tapAD:(UITapGestureRecognizer *)tapGestureRecognizer
  229. {
  231.     NSLog(@"打开广告");
  232.     if (self.adImageClickedBlock) {
  234.         self.adImageClickedBlock(1);
  235.     }
  236. }
  238. //关闭广告
  240. -(void)closeAD
  241. {
  242.     if (self.showTime == 0) {
  243.         NSLog(@"时间到,关闭广告");
  245.         [self closeADView];
  247.     }else{
  249.         [self.skipButton setTitle:[NSString stringWithFormat:@"跳过(%@)", @(self.showTime--)] forState:UIControlStateNormal];
  250.     }
  251. }
  253. //关闭动画
  254. -(void)closeADView{
  256.     [UIView animateWithDuration:1.0 animations:^{
  257.         self.alpha = 0.0;
  258.     } completion:^(BOOL finished) {
  259.         if (finished) {
  261.             [_timerOfShowAD invalidate];
  262.             _timerOfShowAD = nil;
  263.             [self removeFromSuperview];
  264.         }
  265.     }];
  266. }
  268. @end

加载 gif 的效果

OC(八)-APP-引导页广告加载 - 图2

代码地址: 点这里