iOS学习笔记-092.彩票07——竞技场

彩票07——竞技场

一、图示

---

二、界面分析

首先来看背景，背景是一张图片，我们可以创建一个 ImageView 来设置背景，让它能够交互

第二、我们发现我们的 导航条 和其他是不一样的，那么我们可以定制一下我们的 导航控制器（QWMArenaNavigationController）。修改我们的导航条的背景。

第三、选项卡的问题，上面的选项卡我们可以在控制器中创建 UISegmentedControl，然后添加到导航条中。

第四、在 QWMTabBarViewController 创建导航控制器的时候，竞技场 使用我们的 导航控制器。

---

三、QWMArenaViewController.m

这个类是竞技场的控制器，这个控制器里面我们主要 创建背景和设置我们的选项卡。

////  QWMArenaViewController.m//  03_UIView79_彩票////  Created by 杞文明 on 17/7/24.//  Copyright © 2017年 杞文明. All rights reserved.//#import "QWMArenaViewController.h"@interface QWMArenaViewController ()@end@implementation QWMArenaViewController// 当第一次加载view的时候调用// 如果自定义view,重写这个方法-(void)loadView{    // 在这个方法里面不能调用self.view.bounds,如果调用会造成死循环    //创建UIImageView    UIImageView *imageView = [[UIImageView alloc]initWithFrame:[UIScreen mainScreen].bounds];    self.view = imageView;    //设置背景图片    imageView.image = [UIImage imageNamed:@"NLArenaBackground"];    //设置允许与用户交互    imageView.userInteractionEnabled = YES;}- (void)viewDidLoad {    [super viewDidLoad];    //1.设置titleView    UISegmentedControl *segmentedControl = [[UISegmentedControl alloc]initWithItems:@[@"足球",@"篮球"]];    //2.设置背景图片    //普通状态    [segmentedControl setBackgroundImage:[UIImage imageNamed:@"CPArenaSegmentBG"] forState:UIControlStateNormal barMetrics:UIBarMetricsDefault];    //选中状态    [segmentedControl setBackgroundImage:[UIImage imageNamed:@"CPArenaSegmentSelectedBG"] forState:UIControlStateSelected barMetrics:UIBarMetricsDefault];    //3.设置字体颜色    [segmentedControl setTitleTextAttributes:@{NSForegroundColorAttributeName:[UIColor whiteColor]} forState:UIControlStateNormal];    //4/设置选中的索引    segmentedControl.selectedSegmentIndex = 0;    //5.设置前景色    segmentedControl.tintColor = [UIColor colorWithRed:0 green:142/255.0 blue:143/255.0 alpha:1];    self.navigationItem.titleView = segmentedControl;}@end

---

四、QWMArenaNavigationController.m

这个是竞技场的导航控制器，修改导航条的背景。

////  QWMArenaNavigationController.m//  03_UIView79_彩票////  Created by 杞文明 on 17/8/24.//  Copyright © 2017年 杞文明. All rights reserved.//#import "QWMArenaNavigationController.h"@interface QWMArenaNavigationController ()@end@implementation QWMArenaNavigationController+(void)initialize{    //1.获取导航条标识    UINavigationBar *bar = [UINavigationBar appearanceWhenContainedIn:self, nil];    //2.设置导航条背景色    UIImage *image = [UIImage imageNamed:@"NLArenaNavBar64"];    image = [image stretchableImageWithLeftCapWidth:image.size.width/2 topCapHeight:image.size.height/2];    [bar setBackgroundImage:image forBarMetrics:UIBarMetricsDefault];}@end

---

五、QWMTabBarViewController.m 修改

在 QWMTabBarViewController 创建导航控制器的时候，竞技场 使用我们的 QWMArenaNavigationController 导航控制器

如下面

////  QWMTabBarViewController.m//  03_UIView79_彩票////  Created by 杞文明 on 17/7/24.//  Copyright © 2017年 杞文明. All rights reserved.//#import "QWMTabBarViewController.h"#import "QWMHallTableViewController.h"#import "QWMArenaViewController.h"#import "QWMDiscoverTableViewController.h"#import "QWMHistoryTableViewController.h"#import "QWMMyLotteryViewController.h"#import "QWMTabBar.h"#import "QWMNavigationController.h"#import "QWMArenaNavigationController.h"@interface QWMTabBarViewController ()<QWMTabBarDelegate>/** taBBar item 模型数组 */@property (nonatomic, strong) NSMutableArray *items;@end@implementation QWMTabBarViewController......//添加一个子控制器-(void)setupOneChildViewController:(UIViewController *)vc image:(UIImage *)image selImage:(UIImage *)selImage title:(NSString *)title{//    [self addChildViewController:vc];    //设置我们控制器的一些属性    vc.tabBarItem.image = image;    vc.tabBarItem.selectedImage = selImage;    [self.items addObject:vc.tabBarItem];    //添加标题    vc.navigationItem.title = title;    //创建自己的导航条    UINavigationController *nav;    if([vc isKindOfClass:[QWMArenaViewController class]]){        //如果是竞技场，我们使用 竞技场导航控制器        nav = [[QWMArenaNavigationController alloc]initWithRootViewController:vc];    }else{        nav = [[QWMNavigationController alloc]initWithRootViewController:vc];    }    [self addChildViewController:nav];}.....