引导页 - 滚动视图 - 轮播图

// 定义成员变量
{
    UIScrollView *scrollView;
    UIPageControl *page;
}

设置滚动视图的协议:<UIScrollViewDelegate>
设置滚动视图

// 创建滚动视图
scrollView = [[UIScrollView alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, 180)];
scrollView.contentSize = CGSizeMake(self.view.frame.size.width * 7, 180);
scrollView.pagingEnabled = YES;
scrollView.backgroundColor = [UIColor redColor];
scrollView.bounces = NO;
scrollView.delegate = self;
[cell addSubview:scrollView];

设置图片

// 创建图片数组
NSArray *imgArr = @[@"0.jpg",@"1.jpg",@"2.jpg",@"3.jpg",@"4.jpg",@"5.jpg",@"6.jpg"];
// for 循环加入图片
for (int i = 0; i < imgArr.count; i ++) {
                
    // 创建图片展示框
    UIImageView *imgView = [[UIImageView alloc] initWithFrame:CGRectMake(self.view.frame.size.width * i, 0, self.view.frame.size.width, 180)];
    imgView.image = [UIImage imageNamed:imgArr[i]];
    [scrollView addSubview:imgView];
}

设置小圆点

page = [[UIPageControl alloc] initWithFrame:CGRectMake((self.view.frame.size.width-200)/2, 150, 100, 30)];
page.numberOfPages = imgArr.count;
page.currentPageIndicatorTintColor = [UIColor redColor];
page.pageIndicatorTintColor = [UIColor whiteColor];
[cell addSubview:page];

实现滚动视图的协议方法 -- 图片与小圆点关联

// 滚动视图的协议方法
-(void)scrollViewDidScroll:(UIScrollView *)scrollView
{
    page.currentPage = scrollView.contentOffset.x/self.view.frame.size.width;
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,950评论 25 709
  • 翻译自“Collection View Programming Guide for iOS” 0 关于iOS集合视...
    lakerszhy阅读 9,313评论 1 22
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,191评论 4 61
  • 打有准备的仗 忙碌的一天又这么充实的过去了,虽然忙碌但又收获了新的知识,让我对公司、对产品、对自己又有了重新的认识...
    5班雪莲阅读 1,462评论 0 0
  • 今天是无戒365天挑战日更营正式开营的第一天,第一天,我不能交白卷,可是我实在什么也写不出来。 报名前我也有犹豫,...
    元元阅读 1,482评论 2 5