轮播图

作者: 哈喽Mm | 来源:发表于2017-09-21 20:22 被阅读0次

#import "ViewController.h"#import "SecViewController.h"@interface ViewController (){

//实现三个属性

UIScrollView *scroll;

NSArray *imgArr;//图片

UIPageControl *page;//页面

}

@end

@implementation ViewController

- (void)viewDidLoad {

[super viewDidLoad];

//self.view.backgroundColor = [UIColor whiteColor];

scroll = [[UIScrollView alloc]initWithFrame:self.view.frame];

//添加协议

scroll.delegate = self;

[self.view addSubview:scroll];

imgArr = @[@"guide1",@"guide2",@"guide3",@"guide4",];

//设置图片进行滚动

scroll.pagingEnabled = YES;

for (int i = 0; i < imgArr.count; i++)

{

UIImageView *img = [[UIImageView alloc]initWithFrame:CGRectMake(scroll.frame.size.width * i, 0, self.view.frame.size.width, self.view.frame.size.height)];

img.userInteractionEnabled = YES;

if (i == imgArr.count - 1)

{

UIButton *btn = [UIButton buttonWithType:UIButtonTypeRoundedRect];

[btn setTitle:@"立即体验" forState:UIControlStateNormal];

btn.frame = CGRectMake((self.view.frame.size.width -100) / 2 , 600 , 100, 44);

[btn addTarget:self action:@selector(Click) forControlEvents:UIControlEventTouchUpInside];

btn.layer.cornerRadius = 10;

btn.layer.masksToBounds = YES;

btn.backgroundColor = [UIColor redColor];

[img addSubview:btn];

}

img.image = [UIImage imageNamed:imgArr[i]];

[scroll addSubview:img];

}

scroll.contentSize = CGSizeMake(self.view.frame.size.width * imgArr.count, self.view.frame.size.height);

//取消弹簧效果

scroll.bounces = NO;

//隐藏滚动条

scroll.showsHorizontalScrollIndicator = NO;

//页码  (点)

page = [[UIPageControl alloc]initWithFrame:CGRectMake((self.view.frame.size.width -100) / 2, 536, 100, 20)];

page.numberOfPages = imgArr.count;

//设置初始页码

page.currentPage = 0;

//设置页码的颜色

page.pageIndicatorTintColor = [UIColor yellowColor];

[self.view addSubview:page];

}

#pragma -

#pragma mark -UIScrollViewDelegate

-(void)scrollViewDidScroll:(UIScrollView *)scrollView

{

NSLog(@"contentOffset: x: %f,y: %f",scrollView.contentOffset.x,scrollView.contentOffset.y);

//求余

NSInteger index = scroll.contentOffset.x / scrollView.frame.size.width;

page.currentPage = index;

}

- (void)Click

{

SecViewController *mc = [[SecViewController alloc]init];

[self presentViewController:mc animated:YES completion:^{

}];

}

相关文章

  • 无标题文章

    轮播图分为:传统轮播图、间歇轮播图、呼吸轮播图、无缝滚动轮播图等。它们各具特色,各有用处。 1.传统轮播图 第一步...

  • 轮播图

    轮播图分为:传统轮播图、间歇轮播图、呼吸轮播图、无缝滚动轮播图等。 1.传统轮播图 第一步,得到元素 第二步,设置...

  • 现金红包

    每日红包 轮播图 详情图 周末红包 轮播图 详情图 圣诞红包 轮播图 详情图

  • day7_作业

    轮播图1 轮播图2

  • [iOS]定制性强的广告轮播图--SCAdView

    @[无限轮播图] @[3D轮播图] @[广告轮播图] SCAdView Statement If my code ...

  • 普通奖品

    卡西欧小方块 轮播图 详情图 三只松鼠大礼包 轮播图 详情图 天猫精灵 轮播图 详情图 小米蓝牙无线耳机 轮播图 ...

  • 轮播图心得

    轮播图 写轮播图之前我们要认识到几个问题:一、什么是轮播图?二、怎么实现轮播效果?三、轮播图还有什么小功能可以实现...

  • 第五周学习内容

    焦点图轮播特效之原理、焦点图轮播样式之布局、焦点图轮播之箭头切换、焦点图轮播之无限滚动。 js简介、用法、输出。

  • 三种样式的轮播图

    一、100%比例轮播图 HTML代码 CSS样式 js代码 二、手动箭头轮播图 三、简易轮播图

  • 多轮播图的设计

    列表展示多个轮播图 多个轮播图同时显示 多个轮播图不定时进行轮播动画 对应呈现的关系:1个TableView、一个...

网友评论

      本文标题:轮播图

      本文链接:https://www.haomeiwen.com/subject/pzyaxxtx.html