【项目实战】项目新特性页面总结

->创建一个控制器的view来管理软件新特性

-> 创建一个ScrollView

// 1.创建一个ScrollView : 显示所有的新特性图片
UIScrollView *scrollView = [[UIScrollView alloc] init];
scrollView.frame = self.view.bounds; // 设置frame为窗口大小
[self.view addSubview:scrollView];

-> 设置ScrollView里面的imageView属性

// 2 .设置ScrollView里面的ImageView属性
CGFloat scrollW = scrollView.width;
CGFloat scrollH = scrollView.height;
// 加载图片
for (int i = 0; i < HWNewFeatureCount; i ++) {
UIImageView *imageView = [[UIImageView alloc] init];

imageView.height = scrollH;
imageView.width = scrollW;
imageView.y = 0;
imageView.x = i * scrollW;

NSString *imageName = [NSString stringWithFormat:@"newFeature%d",i + 1];
imageView.image = [UIImage imageNamed:imageName];
[scrollView addSubview:imageView];

// 如果是最后一个imageView. 就往里面添加其他内容
if(i == HWNewFeatureCount - 1){
[self setupLastImageView:imageView];
}

}

->[self setupLastImageView:imageView] 最后一个图片的设置

// 开启交互功能
imageView.userInteractionEnabled = YES;

// 1. 分享给大家 选中框按钮
UIButton *shareBtn = [[UIButton alloc] init];
[shareBtn setImage:[UIImage imageNamed:@"new_feature_share_false"] forState:UIControlStateNormal];
[shareBtn setImage:[UIImage imageNamed:@"new_feature_share_true"] forState:UIControlStateSelected];
[shareBtn setTitle:@"分享给大家" forState:UIControlStateNormal];
[shareBtn setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
shareBtn.titleLabel.font = [UIFont systemFontOfSize:14];
shareBtn.width = 150;
shareBtn.height = 30;
shareBtn.centerX = imageView.width * 0.5;
shareBtn.centerY = imageView.height * 0.65;
[shareBtn addTarget:self action:@selector(shareClick:) forControlEvents:UIControlEventTouchUpInside];
[imageView addSubview:shareBtn];

// 关于 EdgeInsets属性的一些总结
// ------------------
// EdgeInsets: 自切(理解为自己切掉自己的一些内容区域即可)
// contentEdgeInsets:会影响按钮内部的所有内容（里面的imageView和titleLabel）
// titleEdgeInsets:只影响按钮内部的titleLabel  只切内部的titleLabel
// imageEdgeInsets:只影响按钮内部的imageView   只切内部的imageView

// ------------------
shareBtn.titleEdgeInsets = UIEdgeInsetsMake(0, 10, 0, 0);

// 2.分享微博按钮
UIButton *startBtn = [[UIButton alloc] init];
[startBtn setBackgroundImage:[UIImage imageNamed:@"new_feature_finish_button"] forState:UIControlStateNormal];
[startBtn setBackgroundImage:[UIImage imageNamed:@"new_feature_finish_button_highlighted"] forState:UIControlStateHighlighted];
[startBtn setTitle:@"开启旅程" forState:UIControlStateNormal];
[startBtn setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
startBtn.titleLabel.font = [UIFont systemFontOfSize:15];
startBtn.size = startBtn.currentBackgroundImage.size;
startBtn.centerX = shareBtn.centerX;
startBtn.centerY = imageView.height * 0.72;
[startBtn addTarget:self action:@selector(startClick:) forControlEvents:UIControlEventTouchUpInside];

[imageView addSubview:startBtn];

-> 设置ScrollView的属性,使之符合页面属性

// 3. 设置ScrollView的其他属性
// 想要某个方向上步能滚动,那么这个方向对应的尺寸数值传0即可
scrollView.contentSize = CGSizeMake(scrollView.width * HWNewFeatureCount, 0); //

scrollView.bounces = NO ;// 去除弹簧效果
scrollView.pagingEnabled = YES; // 添加分页效果
scrollView.showsHorizontalScrollIndicator = NO; // 去除滚动条
scrollView.delegate = self; // 设置代理

-> 添加分页圆点,pageControl

// 4. 添加pageControl : 分页, 展示目前看得是第几页
// UIPageControl就算没有设置尺寸，里面的内容还是照常显示的
UIPageControl *pageControl = [[UIPageControl alloc] init];
pageControl.numberOfPages = HWNewFeatureCount; // 设置圆点数量
pageControl.width = 100;
//    pageControl.height = 50; // 不设置pageControl的高度,是因为不需要给它点击,等于设置了userInterractionEnabled
pageControl.centerX = scrollW * 0.5;
pageControl.centerY = scrollH - 50;

pageControl.currentPageIndicatorTintColor = HWColor(253, 98, 42);
pageControl.pageIndicatorTintColor = HWColor(198, 198,198);
self.pageControl = pageControl; // 需要定义属性，将变量传入属性，方便下面代理方法监听使用
[self.view addSubview:pageControl];

-> scrollView代理方法(监听滚动范围,控制pageControl)

- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
double page = scrollView.contentOffset.x / scrollView.width;
// 四舍五入计算出页码
self.pageControl.currentPage = (int)(page + 0.5);
// 1.3四舍五入 1.3 + 0.5 = 1.8 强转为整数(int)1.8= 1
}