19-项目实战(彩票02)

知识点回顾

• 开发方式：使用代码搭建框架，因为彩票app的界面非常多，使用代码搭建方便后期维护

• 环境部署

  1. app支持的iOS版本，不需要加载main，app图标，启动图片
  • 启动图片：模拟器和真机的尺寸由启动图片决定，XCode6之后苹果提供启动的xib，启动xib的原理就是苹果把xib上面的内容截屏，生成一张新的图片，保存到沙盒的cache中
  • 为什么要使用启动的xib？有了它，就不用关心有没有模拟器的启动图片，会自动识别模拟器的真实尺寸；同事可以展示更多的内容；简化美工的工作量，只要提供一张拉伸的图片，就可以通过自动布局把图片拉伸。

• 搭建框架，在程序启动完成的时候，创建窗口，设置窗口的根控制器，显示窗口

• 自定义TabBar控制器

  1. 目的：自己的事情自己管理，需要给TabBarVc添加子控制器
  • 抽出一个添加所有子控制器的方法，这样做是为了使我们代码结构更加清晰
  • 添加自定义的子控制器，为了使项目结构更加清晰，需要事先划分好
  • 点击TabBar上的按钮需要跳转到对应的子控制器
  • 点击TabBar上的按钮，通知TabBarVc跳转控制器，给TabBarVc传递按钮的角标

• 给界面添加导航条

  1. 既要显示子控制器的view，又要显示导航条，需要把子控制器包装成导航控制器
  • 设置导航条的背景图片和导航条上文字内容
  • 导航条的内容一般由栈顶控制器的navagationItem决定，这个模型不能设置
  • 导航条的背景图片由导航条决定，通过导航控制器就能拿到导航条
  • 设置导航条的背景图片一定要在导航条显示之前设置才好使
  • 可以在第一次初始化导航控制器的时候去设置，导航条的内容由导航控制器管理
  • 需要自定义导航控制器，并在initialize方法中获取当前导航控制器类下面所有导航条设置
  • 导航条上的标题也需要通过导航条设置

• 设置每一个界面的导航条内容，包括购彩大厅和我的彩票

封装蒙版和活动菜单

• 注意：不能把蒙版和活动菜单放到同一个view中，是因为修改父控件的透明度，子控件的透明度也会改变

• 自定义蒙版

  1. 在.h文件中声明两个类方法，分别用来显示(show)和隐藏(hide)蒙版
  • 在显示蒙版的方法中，需要创建一个自己的对象，大小和屏幕尺寸相同，设置背景颜色和透明度
  • 将蒙版对象添加到主窗口中即可

+ (void)show
{
    
    // 创建蒙版对象
    XMGCover *cover = [[XMGCover alloc] initWithFrame:XMGScreenBounds];
    
    cover.backgroundColor = [UIColor blackColor];
    
    cover.alpha = 0.6;
    
    
    // 把蒙版对象添加主窗口
    [XMGKeyWindow addSubview:cover];
}

• 隐藏蒙版
  1. 因为隐藏蒙版的方法是类方法，需要遍历窗口的子控件
  • 如果子控件是当前蒙版对象的类型，将其从父控件中移除即可

+ (void)hide
{
    for (UIView *childView in XMGKeyWindow.subviews) {
        if ([childView isKindOfClass:self]) {
            [childView removeFromSuperview];
        }
    }
}

• 自定义活动菜单(利用xib)

  1. 在头文件中声明一个从xib加载控件的方法，控件的尺寸默认和xib一样大
  • 声明一个将控件显示在某个位置的方法
  • 声明一个将控件隐藏在某个位置的方法，并且在隐藏完毕以后提供其他操作的参数
  • 声明一个代理，用来监听用户点击关闭按钮时的事件

• 注意：修改父类的frame并不会影响里面的子控件，可以利用自动布局解决子控件随父控件尺寸的改变而改变

• 如果修改形变直接缩放为0，父控件马上消失，而不会产生动画，所以可以缩放到0.01

自定义菜单

• 自定义控件的时候，首先要考虑外界怎么调用方便，根据外界需求，设计自定义控件所需要提供的方法
• 需求：自定义菜单要显示在哪个view上，要显示数据的模型，以及从哪个位置开始显示，最后还有自定义菜单的隐藏
• 抛出异常，可以方便调用者知道是否正确使用该方法
  NSException *excp = [NSException exceptionWithName:@"items的总数不符合" reason:@"传入的数组总数必须是3的倍数" userInfo:nil];
  [excp raise];
• 自定义弹簧菜单的步骤：
  1. 添加所有按钮并进行布局（九宫格布局）
  • 添加白色的分割线
  • 添加背景为黑色的view
  • 开始下移动画效果
  • 再次点击菜单按钮的时候开始上移动画效果

搭建竞技场

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view.

    //
    UISegmentedControl *seg = [[UISegmentedControl alloc] initWithItems:@[@"足球",@"篮球"]];
    seg.width += 40;
    
    // 设置UISegmentedControl背景图片
    [seg setBackgroundImage:[UIImage imageNamed:@"CPArenaSegmentBG"] forState:UIControlStateNormal barMetrics:UIBarMetricsDefault];
    [seg setBackgroundImage:[UIImage imageNamed:@"CPArenaSegmentSelectedBG"] forState:UIControlStateSelected barMetrics:UIBarMetricsDefault];
    seg.selectedSegmentIndex = 0;
    // 0 142 143
    // 设置边框颜色
    seg.tintColor = XMGColor(0, 142, 143);
    
    NSMutableDictionary *dict = [NSMutableDictionary dictionary];
    dict[NSForegroundColorAttributeName] = [UIColor whiteColor];
    [seg setTitleTextAttributes:dict forState:UIControlStateSelected];
    
    self.navigationItem.titleView = seg;
}