iOS彩票项目--第三天，搭建竞技场和发现，搭建幸运选号和我的彩票界面-CSDN博客

一、竞技场搭建--UISegmentedControl的使用

 1 // 重写  自定义控制器的view
 2 - (void)loadView
 3 {
 4     UIImageView *imgView = [[UIImageView alloc] initWithFrame:ChaosScreenBounds];
 5     
 6     imgView.image = [UIImage imageNamed:@"NLArenaBackground"];
 7     imgView.userInteractionEnabled = YES;
 8     
 9     self.view = imgView;
10 }
11 
12 - (void)viewDidLoad {
13     [super viewDidLoad];
14     
15     
16     UISegmentedControl *seg = [[UISegmentedControl alloc] initWithItems:@[@"足球",@"篮球"]];
17     // 设置宽度
18     seg.width += 60;
19     // 默认选中第一个
20     seg.selectedSegmentIndex = 0;
21     
22     // 设置的文字颜色
23     seg.tintColor = ChaosRGB(0, 142, 143);
24     
25     // 设置选中后文字颜色
26     NSMutableDictionary *dict = [NSMutableDictionary dictionary];
27     dict[NSForegroundColorAttributeName] = [UIColor whiteColor];
28     [seg setTitleTextAttributes:dict forState:UIControlStateSelected];
29     
30     // 设置背景图片
31     [seg setBackgroundImage:[UIImage imageNamed:@"CPArenaSegmentBG"] forState:UIControlStateNormal barMetrics:UIBarMetricsDefault];
32     // 设置选中后的图片
33     [seg setBackgroundImage:[UIImage imageNamed:@"CPArenaSegmentSelectedBG"] forState:UIControlStateSelected barMetrics:UIBarMetricsDefault];
34     
35     self.navigationItem.titleView = seg;
36     
37 //    // 设置导航控制器navBar的背景图片，，这里是有导航VC的子控制器修改了，不符合封装的思想
38 //    UIImage *image = [UIImage imageNamed:@"NLArenaNavBar64"];
39 //    image = [image stretchableImageWithLeftCapWidth:image.size.width * 0.5 topCapHeight:image.size.height * 0.5];
40 //    
41 //    [self.navigationController.navigationBar setBackgroundImage:image forBarMetrics:UIBarMetricsDefault];
42     
43 }

二、搭建发现中的合买--storyboard和代码混合开发

重定义按钮，改变按钮中图片和label的顺序。layoutSubviews方法默认会调用两次，这样位置就会出现偏差，如图黄色框框为偏差

 1 @implementation ChaosTitleView
 2 
 3 #pragma mark - 重新排列按钮内部空间的顺序，原始顺序：图片左，文字右  需求：图片右，文字左
 4 - (void)layoutSubviews
 5 {
 6     [super layoutSubviews];
 7     // layoutSubviews这个方法会来两次，第一次变成自己所需求的。但是第二次来又变了一次，这里判断一下
 8     if (self.titleLabel.x > self.imageView.x) {
 9         
10         // 思路，改变x坐标
11         self.titleLabel.x = self.imageView.x;
12         self.imageView.x = CGRectGetMaxX(self.titleLabel.frame);
13         
14     }
15 }
16 
17 @end

三、搭建发现中的幸运选号

--在storyboard中设置红框框中的属性，只能隐藏系统中的TabBar，但是项目中的是自定义的，

--解决办法，自定义TabBar的同时，不要把系统的移除。直接把自定义的加到系统的上面。在viewWillAppear方法中移除系统自带的按钮

--幸运选号的界面背景是张图片，不需要下面的导航条，设置了push后隐藏后，出现push完了之后，还有隐藏导航条的动画问题。以下是点击幸运选号瞬间的截图

--解决办法，自定义背景View，把图片画上去

--图片做动画的方法

--幸运选号界面布局--站位思想。最后将view的alpha设置为0。但是有时候还是会出现，push完后，下面导航条的动画消失，导致整个界面重新布局，代码如下

 1 // 如果有storyboard，需要在这里布局子控件位置，因为storyboard会先调用updateViewConstraints布局storyboard描述的位置，等它描述完，我们在布局下。
 2 // 如果使用storyboard,在viewDidLoad使用frame布局是不准确的。
 3 - (void)viewDidLayoutSubviews
 4 {
 5     [super viewDidLayoutSubviews];
 6     
 7     CGFloat screenH = [UIScreen mainScreen].bounds.size.height;
 8     CGFloat screenW = [UIScreen mainScreen].bounds.size.width;
 9     
10     CGFloat x = 0;
11     CGFloat w = 192;
12     CGFloat h = 140;
13     int cols = 2;
14     NSUInteger count = self.btns.count;
15     NSUInteger rows = (count - 1) / cols + 1;
16     CGFloat margin = (screenH - rows * 192) / (rows + 1);
17     int col = 0;
18     int row = 0;
19     int i = 0;
20     CGFloat y = 0;
21     for (UIButton *btn in _btns) {
22         col = i % cols;
23         row = i / cols;
24         y = (margin + h) * row + margin;
25         if (col == 0) {
26             x = 0;
27         }else{
28             x = screenW - w;
29         }
30         btn.frame = CGRectMake(x, y, w, h);
31         
32         i++;
33     }
34     
35 }