往夜 -- 原来世界如此性感

往夜 -- 原来世界如此性感

项目简介

• 项目为纯代码编写, 项目周期为14天。
• APP分为三个大模块
  • 往夜模块
  • 精选模块
  • 专题模块

项目展示分析

• 整体结构
  

• 用到的三方轮子
  

项目时间轴

2017年2月7日

• 网络工具类编写

#import <Foundation/Foundation.h>
@interface BaseNetManager : NSObject
//GET
+ (id)GET:(NSString *)path param:(NSDictionary *)param completionHandler:(void(^)(id obj, NSError *error))completionHandler;
//POST
+ (id)POST:(NSString *)path param:(NSDictionary *)param completionHandler:(void(^)(id obj, NSError *error))completionHandler;
@end

//GET 
@implementation BaseNetManager
+ (id)GET:(NSString *)path param:(NSDictionary *)param completionHandler:(void (^)(id, NSError *))completionHandler
{
    AFHTTPSessionManager *manager = [AFHTTPSessionManager manager];
    manager.requestSerializer.timeoutInterval = 10;
    manager.responseSerializer.acceptableContentTypes = [NSSet setWithObjects:@"text/html", @"application/json", @"text/json", @"text/javascript", @"text/plain", nil];
    return [manager GET:path parameters:param progress:^(NSProgress * _Nonnull downloadProgress) {
        
    } success:^(NSURLSessionDataTask * _Nonnull task, id  _Nullable responseObject) {
        NSLog(@"%@", task.currentRequest.URL.absoluteString);
        !completionHandler ?: completionHandler(responseObject, nil);
    } failure:^(NSURLSessionDataTask * _Nullable task, NSError * _Nonnull error) {
        NSLog(@"%@", error);
    }];
}

//POST
+ (id)POST:(NSString *)path param:(NSDictionary *)param completionHandler:(void (^)(id, NSError *))completionHandler
{
    AFHTTPSessionManager *manager = [AFHTTPSessionManager manager];
    manager.requestSerializer.timeoutInterval = 15;
    manager.responseSerializer.acceptableContentTypes = [NSSet setWithObjects:@"text/html", @"application/json", @"text/json", @"text/javascript", @"text/plain", nil];
    return [manager POST:path parameters:param progress:^(NSProgress * _Nonnull uploadProgress) {
        
    } success:^(NSURLSessionDataTask * _Nonnull task, id  _Nullable responseObject) {
        NSLog(@"%@", task.currentRequest.URL.absoluteString);
        !completionHandler ?: completionHandler(responseObject, nil);
    } failure:^(NSURLSessionDataTask * _Nullable task, NSError * _Nonnull error) {
        NSLog(@"%@", error);
        !completionHandler ?: completionHandler(nil, error);
    }];
}
@end

2017年2月8日

#import "YGTabBarController.h"
#import "YGHomeController.h"
#import "YGEssenceController.h"
#import "YGListController.h"
#import "YGListFlowLayout.h"
#import "YGPageController.h"
@interface YGTabBarController ()

@end

@implementation YGTabBarController

- (void)viewDidLoad {
    [super viewDidLoad];
    [self allPropertySetup];
    [self setupAllControllers];
}

#pragma mark - 全局属性
- (void)allPropertySetup
{
    [UITabBar appearance].tintColor = YGRGBColor(67, 67, 67);
    [UINavigationBar appearance].tintColor = YGRGBColor(67, 67, 67);
    [[UITabBarItem appearance] setTitleTextAttributes:@{NSForegroundColorAttributeName: YGRGBColor(67, 67, 67)} forState:UIControlStateSelected];
    
    [UIImageView appearance].contentMode = UIViewContentModeScaleAspectFill;
    [UIImageView appearance].clipsToBounds = YES;
    [UICollectionView appearance].backgroundColor = YGBgColor;
    [UIImageView appearance].contentMode = UIViewContentModeScaleAspectFill;
    [UIImageView appearance].clipsToBounds = YES;
}

#pragma mark - 创建所有tabBar子控制器
- (void)setupAllControllers
{
    YGPageController *pageVC = [[YGPageController alloc] init];
    pageVC.tabBarItem.image = @"nav_ic_home_default".yg_image;
    pageVC.tabBarItem.selectedImage = @"nav_ic_home_selected".yg_image;
    pageVC.title = @"往夜";
    UINavigationController *homeNavi = [[UINavigationController alloc] initWithRootViewController:pageVC];
    
    YGEssenceController *essenceVC = [[YGEssenceController alloc] initWithStyle:UITableViewStylePlain];
    essenceVC.title = @"精选";
    essenceVC.tabBarItem.image = @"tab_btn_list_default".yg_image;
    essenceVC.tabBarItem.selectedImage = @"tab_btn_list_select".yg_image;
    UINavigationController *essenceNavi = [[UINavigationController alloc] initWithRootViewController:essenceVC];
    
    YGListController *listVC = [[YGListController alloc] initWithCollectionViewLayout:[[YGListFlowLayout alloc] init]];
    listVC.title = @"专题";
    listVC.tabBarItem.image = @"nav_ic_columns_default".yg_image;
    listVC.tabBarItem.selectedImage = @"nav_ic_columns_selected".yg_image;
    UINavigationController *listNavi = [[UINavigationController alloc] initWithRootViewController:listVC];
    
    self.viewControllers = @[homeNavi, essenceNavi, listNavi];
}


#pragma mark - 关闭设备自动旋转, 然后手动监测设备旋转方向来旋转avplayerView
-(BOOL)shouldAutorotate{
    return NO;
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}


@end

2017年2月9日 - 2017年2月13日

• 往夜资讯， 我从稍微简单的页面入手 -- 精华模块
  

• 整体为TableViewController， 里面分为三种Cell

  • 整体用masonry进行Layout布局
  • 界面整体比较简单， 其中Cell自适应高度， 我使用的UITableView-FDTemplateLayoutCell进行高性能自适应高度， 前百度forkingdog团队, 现在的滴滴打车的iOS大神Sunnyxx发布的高性能Cell自动高度计算框架.

//高性能计算行高
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
    YGEssenceResponseFeedsItem *feedsItem = self.essenceArr[indexPath.section];
    if (feedsItem.type == 1) {
        return [tableView fd_heightForCellWithIdentifier:@"YGEssenceCommomCell" configuration:^(YGEssenceCommomCell *cell) {
            
            cell.iconIV.imageURL = feedsItem.image.yg_URL;
        }];
    }
    if (feedsItem.type == 0) {
        return [tableView fd_heightForCellWithIdentifier:@"YGEssenceImageCell" configuration:^(YGEssenceImageCell *cell) {
            [cell.iconIV setImageWithURL:feedsItem.image.yg_URL options:YYWebImageOptionIgnoreAnimatedImage];
        }];
    }
    
    return [tableView fd_heightForCellWithIdentifier:@"YGEssenceBigCell" configuration:^(YGEssenceBigCell *cell) {
        cell.titleLB.text = feedsItem.post.title;
        cell.detailLB.text = feedsItem.post.des;
        [cell.iconIV setImageWithURL:feedsItem.image.yg_URL options:YYWebImageOptionIgnoreAnimatedImage];
    }];
  
}

• 精华模块主要是资讯信息， 里面用到的是UIWebView来显示， 里面有一个退出按钮的小动画， 让我稍微琢磨了一小下。

#pragma mark - 创建悬浮按钮
- (void)creatSuspendButton
{
    self.suspendBtn = [UIButton buttonWithType:UIButtonTypeCustom];
    [self.suspendBtn setBackgroundImage:[UIImage imageNamed:@"homeBackButton"] forState:UIControlStateNormal];
    self.suspendBtn.frame = CGRectMake(0, 0, 54, 54);
    [self.suspendBtn addTarget:self action:@selector(clickSuspendButton) forControlEvents:UIControlEventTouchUpInside];
    //创建悬浮按钮的window
    self.buttonWin = [[UIView alloc] initWithFrame:CGRectMake(25, YGScreenH - 60, 54, 54)];
    self.buttonWin.backgroundColor = [UIColor clearColor];
    //将buttonWin显示出来
    [self.view addSubview:self.buttonWin];
    [self.buttonWin addSubview:self.suspendBtn];
    
    
}
//点击悬浮按钮
- (void)clickSuspendButton
{
    self.buttonWin.hidden = YES;
    self.buttonWin = nil;
    [self.navigationController popViewControllerAnimated:YES];
}

#pragma mark - viewWillAppear
- (void)viewWillAppear:(BOOL)animated
{
    [super viewWillAppear:animated];
    self.navigationController.navigationBarHidden = YES;
}
#pragma mark - viewViewDisappear
- (void)viewWillDisappear:(BOOL)animated
{
    [super viewWillDisappear:animated];
    self.navigationController.navigationBarHidden = NO;
}
//按钮隐藏
#pragma mark - <UIScrollViewDelegate>
- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
    
    if (scrollView.contentOffset.y > _offsetY + 1) {
        [self suspensionWithAlpha:0];
    }
    else if (scrollView.contentOffset.y < _offsetY)
    {
        [self suspensionWithAlpha:1];
    }
}

//停止滚动式调用
- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView
{
    _offsetY = scrollView.contentOffset.y;
}

//设置悬浮按钮的透明度
- (void)suspensionWithAlpha:(CGFloat)alpha
{
    [UIView animateWithDuration:0.3 animations:^{
        [self.buttonWin setAlpha:alpha];
    }];
}

• 具体示例
  

2017年2月14日 - 2017年2月15日

• 栏目模块结构
  

• 专题模块分为三次跳转

  • 第一个界面UICollectionViewController
  • 第二个界面UITableViewController
  • 第三个界面播放界面UIViewController

• 专题模块 和 列表详细整体masonry布局

• 列表详细播放中的播放我采用的是HcdCachePlayer

  • HcdCachePlayer对于整体播放， 缓存有着良好的集成

#import "YGListDetailMovieController.h"

@interface YGListDetailMovieController ()
{
    //播放器
    HcdCacheVideoPlayer *_play;
    
}
/** 背景 */
@property(nonatomic, strong) UIImageView *bgView;
/** 头像 */
@property(nonatomic, strong) UIImageView *headView;
/** 详细 */
@property(nonatomic, strong) UILabel *detailLb;
/** 影片简介 */
@property(nonatomic, strong) UILabel *constLabel;
/** 播放按钮 */
@property(nonatomic, strong) UIButton *playBtn;
// 计算属性, 屏幕大小
@property (nonatomic, assign) CGSize screenSize;

@end

@implementation YGListDetailMovieController



- (instancetype)initWithBgImageView:(NSString *)bgImageView titleView:(NSString *)titleView detailLabel:(NSString *)titleLabel url:(NSString *)url;
{
    self = [super init];
    if (self) {
        self.titleView = titleView;
        self.bgImageView = bgImageView;
        self.detailLabel = titleLabel;
        self.url = url;
        self.hidesBottomBarWhenPushed = YES;
    }
    return self;
}

- (void)viewDidLoad {
    [super viewDidLoad];
    self.view.backgroundColor = [UIColor whiteColor];
    [self configUI];
}
//配置播放界面
- (void)configUI
{
    self.bgView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, YGScreenW, YGScreenH)];
    self.bgView.userInteractionEnabled = YES;
    [self.bgView setImageURL:self.bgImageView.yg_URL];
    [self.view addSubview:self.bgView];
    
    self.headView = [[UIImageView alloc] init];
    [self.headView setImageURL:self.titleView.yg_URL];
    self.headView.userInteractionEnabled = YES;
    [self.bgView addSubview:self.headView];
    [self.headView mas_makeConstraints:^(MASConstraintMaker *make) {
        make.left.right.offset(0);
        make.top.offset(64);
        CGFloat scale = 27 / 32.0;
        make.height.mas_equalTo(self.headView.mas_width).multipliedBy(scale);
    }];
    
    self.constLabel = [[UILabel alloc] init];
    self.constLabel.font = [UIFont boldSystemFontOfSize:18];
    self.constLabel.textColor = [UIColor whiteColor];
    self.constLabel.text = @"影片简介:";
    [self.bgView addSubview:self.constLabel];
    [self.constLabel mas_makeConstraints:^(MASConstraintMaker *make) {
        make.left.offset(10);
        make.top.mas_equalTo(self.headView.mas_bottom).offset(10);
    }];
    
    self.detailLb = [[UILabel alloc] init];
    self.detailLb.text = self.detailLabel;
    self.detailLb.textColor = [UIColor whiteColor];
    self.detailLb.numberOfLines = 0;
    [self.bgView addSubview:self.detailLb];
    [self.detailLb mas_makeConstraints:^(MASConstraintMaker *make) {
        make.left.offset(10);
        make.right.offset(-10);
        make.top.mas_equalTo(self.constLabel.mas_bottom).offset(10);
    }];
    
    self.playBtn = [UIButton buttonWithType:UIButtonTypeSystem];
    [self.playBtn setImage:[UIImage imageNamed:@"play_button"] forState:UIControlStateNormal];
    [self.headView addSubview:self.playBtn];
    [self.playBtn mas_makeConstraints:^(MASConstraintMaker *make) {
        make.center.offset(0);
        make.size.mas_equalTo(60);
    }];
    [self.playBtn addTarget:self action:@selector(playMovie) forControlEvents:UIControlEventTouchUpInside];
}

//播放视频
- (void)playMovie
{
    self.headView.hidden = YES;
    //    self.constLabel.hidden = YES;
    //    self.detailLb.hidden = YES;
    //点击后创建播放界面
    _play = [[HcdCacheVideoPlayer alloc] init];
    UIView *videoView = [[UIView alloc] initWithFrame:CGRectMake(0, 64, YGScreenW, YGScreenW * 27 / 32.0)];
    
    [self.view addSubview:videoView];
    //播放
    [_play playWithUrl:self.url.yg_URL showView:videoView andSuperView:self.view withCache:YES];
    NSLog(@"%@", NSHomeDirectory());
    
    NSLog(@"%f", [HcdCacheVideoPlayer allVideoCacheSize]);

    
}


- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

#pragma mark - 生命周期方法
- (void)viewWillAppear:(BOOL)animated
{
    [super viewWillAppear:animated];
    
}

- (void)viewWillDisappear:(BOOL)animated
{
    [super viewWillDisappear:animated];
    [_play stop];
#warning WAIT TODO:在这里先清除全部缓存
    [HcdCacheVideoPlayer clearAllVideoCache];
    
}

- (CGSize)screenSize
{
    return [UIScreen mainScreen].bounds.size;
}

@end

• 视频展示
  

2017年2月16日

• 开始往夜模块编写
• 插曲
  • 将Model层， View层全部写完， Controller层全部写完， 就差播放视频， 发现视频加密， 显示的全部垃圾广告。一晚白忙。此时凌晨3：35。

2017年2月17日 - 2月19日

• 往夜 “往” 模块分为两种Cell
  

  • 一种Cell为资讯展示
  • 一种Cell为视频展示

• 往夜 “夜” 模块

• ”夜“模块
  • 第一个界面为TableviewController
• 点入”更多专题“为UICollectionViewController
• 点入专题详细列表， 表头为拉伸图片， 下面是tableview

• 更多专题中有显示图片的专题
  • 我用的是MWPhotoBrowser 这个框架
    

2017年2月20日

• 收尾

整体分析

• 项目主要以展示资讯，新闻，影视短片为主。
• 项目架构简约，整体色调灰黑色。
• 整个项目没有xib 或者 sb参与

项目中细节梳理

• 头部无限轮播
• 使用iCarousel三方搭建。
  • 本来有考虑使用自己写的一个无限轮播 框架，但是我没有别的封装，仅仅只是实现了高性能轮播。所以我是用了 iCarousel三方搭建。

#pragma mark - <ic Delegate>
- (NSInteger)numberOfItemsInCarousel:(iCarousel *)carousel
{
    return self.loopArr.count;
}

- (UIView *)carousel:(iCarousel *)carousel viewForItemAtIndex:(NSInteger)index reusingView:(UIView *)view
{
    if (!view) {
        view = [[UIView alloc] initWithFrame:carousel.bounds];
        UIImageView *iconIV = [[UIImageView alloc] init];
        [view addSubview:iconIV];
        [iconIV mas_makeConstraints:^(MASConstraintMaker *make) {
            make.top.left.right.offset(0);
            CGFloat scale = 38 / 64.0;
            make.height.mas_equalTo(iconIV.mas_width).multipliedBy(scale);
        }];
        iconIV.tag = 100;
    }
    YYAnimatedImageView *iconIV = [view viewWithTag:100];
    [iconIV setImageWithURL:[NSURL URLWithString:self.loopArr[index]] options:YYWebImageOptionIgnoreAnimatedImage];
    return view;
}
//只有变化时候才会来到这个方法
- (void)carouselCurrentItemIndexDidChange:(iCarousel *)carousel
{
    self.titleLb.text = self.bannersArr[carousel.currentItemIndex].post.title;
    self.pc.currentPage = carousel.currentItemIndex;
}

- (void)carousel:(iCarousel *)carousel didSelectItemAtIndex:(NSInteger)index
{
        YGEssenceWebController *webVC = [[YGEssenceWebController alloc] initWithAppView:self.bannersArr[index].post.appview];
        [self.navigationController pushViewController:webVC animated:YES];
}

- (CGFloat)carousel:(iCarousel *)carousel valueForOption:(iCarouselOption)option withDefault:(CGFloat)value
{
    if (option == iCarouselOptionWrap) {
        value = YES;
    }
    return value;
}

• “往夜”模块头部横向滚动
  • 使用的是一款WMPageController的三方控件

@interface YGPageController ()

@end

@implementation YGPageController

//初始化方法
- (instancetype)init
{
    if (self = [super init]) {
        self.menuBGColor = YGRGBColor(249, 249, 249);
        
        self.menuViewStyle = WMMenuViewStyleLine;
        self.menuViewLayoutMode = WMMenuViewLayoutModeCenter;
        self.titleSizeNormal = 20;
        self.titleSizeSelected = self.titleSizeNormal;
        
        self.titleColorSelected = self.titleColorNormal;
        self.automaticallyCalculatesItemWidths = YES; //根据题目的内容自动算宽度
        self.itemMargin = 30; //题目的间距
        self.menuHeight = 44;
        self.showOnNavigationBar = YES;
    }
    return self;
}

- (NSArray<NSString *> *)titles
{
    return @[@"往", @"夜"];
}


- (NSInteger)numbersOfChildControllersInPageController:(WMPageController *)pageController
{
    return self.titles.count;
}

- (UIViewController *)pageController:(WMPageController *)pageController viewControllerAtIndex:(NSInteger)index
{
    if (index == 0) {
        YGHomeController *homeVC = [[YGHomeController alloc] init];
        return homeVC;
    }
    YGCategoryController *cateVC = [[YGCategoryController alloc] init];
    return cateVC;
}
- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view.
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

---

YG -- 阳光

业余时间的作品，每天晚上11点开始码代码，平均凌晨4点左右结束，早上9点还要忙自己的事情。

如果觉得写得还不错请给予一颗小⭐️⭐️

GitHub地址
博客园地址
往夜 项目地址