本帖最后由 Melody丶Zhy 于 2015-8-21 10:04 编辑
首先先扯会蛋，哈哈！2015年1月1日注册的论坛，也就是那时候左右认识的黑马，这已经是认识黑马的第232天，有人该问了，靠认识这么久都没考上黑马，这是什么鬼？？ 好吧，因为我还没报名。。暑假开学上大四课设完了才能离开学校。。。当然在大学的都知道学校会和好多培训组织签约，去他们那培训可以大三课程不用上，学校直接把去培训课程学生的大三成绩全部弄为优秀（好多同学去都是为了提高绩点你懂得），这也是我为什么选择去黑马的原因，我要的是和愿意为自己之后的路打拼的人在一起努力奋斗，而不是去和部分人只是为了提高绩点。选择黑马其实还有很多原因，毕竟人都是有感情的，认识都200多天了，哈哈。在这200多天我也没闲着，网上找各种资料学习，只要你用心找黑马的资料还是能找到的。但是我想说的是编程思想很重要，去黑马就是要学大牛们的思想，和一堆大牛每天都奋斗在Mac上的情形，想想还是挺刺激的！对了目前论坛有同学准备11月去黑马的没，楼主目前准备11月份去，寻找志同道合的朋友，欢迎私信我~~~
下面进入正题，今天不会都过节去了吧。。。。好吧、就来一个图片轮播器的教学吧~
最终做好的样子如下图，能每隔2s向右进行换图，我想大家都见到过
（有点凌乱了。。论坛添加图片怎么不是直接添加上来？）
有几点注意点
- 楼主已经默认你会用Xcode创建project
- 楼主已经默认你会在Main.storyboard拖控件
需要用到的控件
- UIScrollView也就是滚动的那个
- UIPageControl也就是图片下面那几个小点
- NSTimer就是定时器让其自动换页的
下面开工
- 在Main.storyboard拖一个UIScrollView放在屏幕上，在UIScrollView下面放一个UIPageControl（注意是下面而不是在UIscrollView上放，如果放到UIScrollView上将看不到UIPageControl）
- 进行连线，将其连到ViewController.m中的@interface ViewController () 和@end中间
#import "ViewController.h"
@interface ViewController () @property (weak, nonatomic) IBOutlet UIScrollView *scrollView; @property (weak, nonatomic) IBOutlet UIPageControl *pageControl;
@end 3. 下面我们要在ViewDidLod中把一个UIImageView加到scrollView中。同时我们要将5张图片放到Images.xcassets中，代码如下
// 广告图片总数 int count = 5; CGSize size = self.scrollView.frame.size; for (int i = 0; i < count; i++) { NSString *imageName = [NSString stringWithFormat:@"img_%02d", i + 1]; UIImage *image = [UIImage imageNamed:imageName]; UIImageView *iconView = [[UIImageView alloc] initWithImage:image]; [self.scrollView addSubview:iconView]; // 设置frame CGFloat x = i * size.width; iconView.frame = CGRectMake(x, 0, size.width, size.height); }
这里要注意的就是5个UIimageView的尺寸，宽和高都一样，唯独不一样的就是他的X，需要1张1张图片往后排
4. 设置scrollView的滚动范围以及设置分页，代码如下
// 设置滚动范围 self.scrollView.contentSize = CGSizeMake(count * size.width, 0); // 滚动条不显示 self.scrollView.showsHorizontalScrollIndicator = NO; self.scrollView.showsVerticalScrollIndicator = NO; // 设置分页 self.scrollView.pagingEnabled = YES; // 设置pagecontrol self.pageControl.numberOfPages = count;
上面代码中滚动条不显示那两行代码是因为UIScrollView默认是有横竖滚动条的，那两行代码分别让水平的和竖直的的滚动条不显示，一定要让scrollView设置分页否则那个分页器不会跟着走，最后设置pageControl的页数
- 论坛限制发送自己看看能不能在回复中把后面的步骤补上，本来都写好了的。。。。。
弄到这里我发现官网的UI基础视频中好像有这个图片轮播器。。。那么。。我也发出去吧，后续来点核心动画的小demo吧。。
声明：楼主也很水，只是提前学到了一些，很乐意跟大家分享
关于奖励：楼主这还60左右的黑马币，准备今天分给大家，只要回既送黑马币，不能重复1个字，每人只给一次
这里我把，怎么创建项目的截图，和做好的图片轮播器，已经需要用的素材图片，压缩起来发给大家
| 
收藏
淘帖
踩
