iOS高精仿斗鱼(OC)

�更新-->直播界面的实现，横屏，竖屏适配

关于项目

开发环境：Xcode 7.3.1，语言：Objective-C

用到的工具：Charles

首页

首页 推荐

轮播图

轮播图用的是第三方框架SDCycleScrollView，功能多，简单易用，具体实现看代码

SDCycleScrollView *headView = [SDCycleScrollView cycleScrollViewWithFrame:CGRectMake(0, 0, [UIScreen mainScreen].bounds.size.width, 140) delegate:self placeholderImage:[UIImage imageNamed:@"cover_img_default"]];
            self.headView = headView;
            headView.pageControlStyle = SDCycleScrollViewPageContolStyleClassic;
            headView.pageControlAliment = SDCycleScrollViewPageContolAlimentRight;
            headView.currentPageDotColor = [UIColor colorWithRed:255/255.0 green:121/255.0 blue:31/255.0 alpha:1.0];
            [slide addSubview:headView];
            NSMutableArray *imageArray = [NSMutableArray array];
            self.imageArray = imageArray;
            for (Slide_data *iamges in self.slide.data) {
                [self.imageArray addObject:iamges.pic_url];
            }
            self.headView.imageURLStringsGroup = self.imageArray;

滑动按钮

这个部分是用继承自UICollectionReusableView的一个视图然后再套用collectionView，如果大家有好的想法，可以交流，备注：控制器用的是collectionViewController

collectionView头部

同样继承UICollectionReusableView的视图，再自定义子控件。子控件代码如下 ，用到了masonry约束。

- (instancetype)initWithFrame:(CGRect)frame
{
    if (self = [super initWithFrame:frame]) {
        [self setupSubviews];
    }
    return self;
}

- (void)setupSubviews
{
    UIView *bgView = [[UIView alloc]init];
    self.bgView = bgView;
    [self addSubview:bgView];
    [bgView mas_makeConstraints:^(MASConstraintMaker *make) {
        make.top.left.right.bottom.mas_equalTo(0);
    }];
    
    UIImageView *icon = [[UIImageView alloc]init];
    self.icon = icon;
    [self addSubview:icon];
    [icon mas_makeConstraints:^(MASConstraintMaker *make) {
        make.left.mas_equalTo(5);
        make.centerY.mas_equalTo(self.bgView);
    }];
    
    UILabel *titleLabel = [[UILabel alloc]init];
    self.titleLabel = titleLabel;
    [self addSubview:titleLabel];
    [titleLabel mas_makeConstraints:^(MASConstraintMaker *make) {
        make.left.mas_equalTo(30);
        make.centerY.mas_equalTo(self.icon);
    }];
    titleLabel.textColor = [UIColor blackColor];
    titleLabel.font = [UIFont systemFontOfSize:14];
    
    UIButton *moreBtn = [[UIButton alloc]init];
    self.moreBtn = moreBtn;
    [self addSubview:moreBtn];
    [moreBtn mas_makeConstraints:^(MASConstraintMaker *make) {
        make.right.mas_equalTo(-10);
        make.centerY.mas_equalTo(self.bgView);
        make.width.mas_equalTo(60);
    }];
    [moreBtn setImage:[UIImage imageNamed:@"btn_skip_pressed"] forState:UIControlStateNormal];
    [moreBtn setTitle:@"更多" forState:UIControlStateNormal];
    moreBtn.titleLabel.font = [UIFont systemFontOfSize:12];
    [moreBtn setTitleColor:[UIColor colorWithRed:170/255.0 green:170/255.0 blue:170/255.0 alpha:1.0] forState:UIControlStateNormal];
    moreBtn.imageEdgeInsets = UIEdgeInsetsMake(0, 50, 0, 0);
}

collectionView 尾部

同样继承UICollectionReusableView的视图，就是一个灰色的view

- (instancetype)initWithFrame:(CGRect)frame
{
    if (self = [super initWithFrame:frame]) {
        [self setupSubviews];
    }
    return self;
}

- (void)setupSubviews
{
    UIView *view = [[UIView alloc]init];
    self.view = view;
    [self addSubview:view];
    [view mas_makeConstraints:^(MASConstraintMaker *make) {
        make.left.top.bottom.right.mas_equalTo(0);
    }];
    view.backgroundColor = [[UIColor lightGrayColor]colorWithAlphaComponent:0.3];
}

collectionViewCell

这个就是collectionViewCell了，里面有2种尺寸的cell，根据section区分尺寸就可以了，标题也一样区分

颜值模块直播实现

直播

直播的框架，我使用的b站的ijkplayer，详细的集成方法和使用方法上搜一下很多，点赞，送礼物暂时没实现，待研究。

其它模块直播实现

斗鱼直播链接抓不到（加密了）所以找了一个在线直播卫视，rtmp://live.hkstv.hk.lxdns.com:1935/live/hks，只演示播放功能的实现

播放器

首页 游戏

首页 游戏

和推荐模块相近，代码类似

首页 娱乐

和推荐模块相近，代码类似

首页 趣玩

和推荐模块相近，代码类似

关注

关注

头部

这个就是加一个白色的view

- (void)setupSubviews
{
    UIView *bgView = [[UIView alloc]init];
    self.bgView = bgView;
    [self.view addSubview:bgView];
    [bgView mas_makeConstraints:^(MASConstraintMaker *make) {
        make.width.mas_equalTo([UIScreen mainScreen].bounds.size.width);
        make.height.mas_equalTo(100);
        make.top.mas_equalTo(64);
    }];
    bgView.backgroundColor = [UIColor whiteColor];
    
    UILabel *label = [[UILabel alloc]init];
    self.label = label;
    [bgView addSubview:label];
    [label mas_makeConstraints:^(MASConstraintMaker *make) {
        make.top.mas_equalTo(30);
        make.centerX.mas_equalTo(self.view);
    }];
    label.text = @"你还没有登录";
    label.font = [UIFont systemFontOfSize:16];
    label.textColor = [UIColor colorWithRed:255/255.0 green:114/255.0 blue:47/255.0 alpha:1.0];
    
    UILabel *subLabel = [[UILabel alloc]init];
    [bgView addSubview:subLabel];
    [subLabel mas_makeConstraints:^(MASConstraintMaker *make) {
        make.top.mas_equalTo(self.label.mas_bottom).mas_equalTo(10);
        make.centerX.mas_equalTo(self.view);
    }];
    subLabel.text = @"看看下面的推荐或登录已有帐号";
    subLabel.font = [UIFont systemFontOfSize:14];
    subLabel.textColor = [UIColor grayColor];
}

我的

我的

头部

头部用的是xib，省去写代码了有弧度的控件，设置相关的layer属性，导航栏透明看代码

-(void)viewWillAppear:(BOOL)animated{
    [super viewWillAppear:animated];
    [self.navigationController.navigationBar setBackgroundImage:[UIImage new] forBarMetrics:UIBarMetricsDefault];
    [self.navigationController.navigationBar setShadowImage:[UIImage new]];
}

-(void)viewWillDisappear:(BOOL)animated{
    [super viewWillDisappear:animated];
    [self.navigationController.navigationBar setBackgroundImage:nil forBarMetrics:UIBarMetricsDefault];
    [self.navigationController.navigationBar setShadowImage:nil];
}