iOS基于UIScrollView实现滑动引导页

 更新时间:2022年02月15日 15:46:08   作者:chenzheng8975  
这篇文章主要为大家详细介绍了iOS基于UIScrollView实现滑动引导页的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

上代码前,我们先来看下实现的效果图:

WelcomeViewController.h

#import <UIKit/UIKit.h> 
 
@interface WelcomeViewController : UIViewController 
 
@end 

WelcomeViewController.m 

#import "WelcomeViewController.h" 
#define IMAGECOUNT 3 
 
@interface WelcomeViewController () <UIScrollViewDelegate> 
@property (nonatomic, strong)UIPageControl *pageControl; 
 
@end 
 
@implementation WelcomeViewController 
 
- (void)viewDidLoad { 
  [super viewDidLoad]; 
  //创建ScrollView 
  UIScrollView *sv = [[UIScrollView alloc] init]; 
  sv.frame = self.view.bounds; 
  //设置边缘不弹跳 
  sv.bounces = NO; 
  //整页滚动 
  sv.pagingEnabled = YES; 
  sv.showsHorizontalScrollIndicator = NO; 
   
  //加入多个子视图(ImageView) 
  for(NSInteger i=0; i<IMAGECOUNT; i++){ 
    NSString *imgName = [NSString stringWithFormat:@"%ld", i+1]; 
    UIImage *image = [UIImage imageNamed:imgName]; 
    UIImageView *imageView = [[UIImageView alloc]initWithImage:image]; 
    CGRect frame = CGRectZero; 
    frame.origin.x = i * sv.frame.size.width; 
    frame.size = sv.frame.size; 
    imageView.frame = frame; 
    [sv addSubview:imageView]; 
     
    if(i==IMAGECOUNT-1){ 
      //开启图片的用户点击功能 
      imageView.userInteractionEnabled = YES; 
      //加个按钮 
      UIButton *button = [[UIButton alloc]init]; 
       
      button.frame = CGRectMake((imageView.frame.size.width-150)/2, imageView.frame.size.height*0.8, 150, 40); 
      button.backgroundColor = [UIColor orangeColor]; 
      [button setTitle:@"立即体验" forState:UIControlStateNormal]; 
      button.titleLabel.font = [UIFont boldSystemFontOfSize:16]; 
      [imageView addSubview:button]; 
      [button addTarget:self action:@selector(enter) forControlEvents:UIControlEventTouchUpInside];    } 
  } 
   
  sv.contentSize = CGSizeMake(IMAGECOUNT * sv.frame.size.width, sv.frame.size.height); 
   
  [self.view addSubview:sv]; 
   
  //加入页面指示控件PageControl 
  UIPageControl *pageControl = [[UIPageControl alloc]init]; 
  self.pageControl = pageControl; 
  //设置frame 
  pageControl.frame = CGRectMake(0, self.view.frame.size.height - 40, self.view.frame.size.width, 20); 
  //分页面的数量 
  pageControl.numberOfPages = IMAGECOUNT; 
  //设置小圆点渲染颜色 
  pageControl.pageIndicatorTintColor = [UIColor whiteColor]; 
  //设置当前选中小圆点的渲染颜色 
  pageControl.currentPageIndicatorTintColor = [UIColor redColor]; 
  //关闭用户点击交互 
  pageControl.userInteractionEnabled = NO; 
   
  [self.view addSubview:pageControl]; 
   
  sv.delegate = self; 
   
   
} 
- (void)enter 
{ 
  NSLog(@"进入应用"); 
} 
 
//UIScrollViewDelegate方法 
- (void)scrollViewDidScroll:(UIScrollView *)scrollView 
{ 
  CGPoint offset = scrollView.contentOffset; 
  if(offset.x<=0){ 
    offset.x = 0; 
    scrollView.contentOffset = offset; 
  } 
  NSUInteger index = round(offset.x / scrollView.frame.size.width); 
  self.pageControl.currentPage = index; 
} 
 
- (void)didReceiveMemoryWarning { 
  [super didReceiveMemoryWarning]; 
  // Dispose of any resources that can be recreated. 
} 
 
 
@end 

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • iOS push侧滑返回功能实现方法

    iOS push侧滑返回功能实现方法

    这篇文章主要为大家详细介绍了iOS push侧滑返回功能实现方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-05-05
  • iOS Moya实现OAuth请求的方法

    iOS Moya实现OAuth请求的方法

    这篇文章主要介绍了iOS Moya实现OAuth请求的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-12-12
  • 解决Charles抓包https时,无法查看CONNECT请求的问题

    解决Charles抓包https时,无法查看CONNECT请求的问题

    下面小编就为大家分享一篇解决Charles抓包https时,无法查看CONNECT请求的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-01-01
  • IOS 照片操作(获取信息及修改照片)详解

    IOS 照片操作(获取信息及修改照片)详解

    这篇文章主要介绍了IOS 照片操作及获取拍照信息和修改信息的相关资料,这里主要介绍,获取系统照片信息,及地理位置和时间的修改,需要的朋友可以参考下
    2016-11-11
  • iOS中使用RSA加密详解

    iOS中使用RSA加密详解

    本文主要介绍了iOS中使用RSA加密的方法,具有一定的参考价值,下面跟着小编一起来看下吧
    2016-12-12
  • 学习iOS开关按钮UISwitch控件

    学习iOS开关按钮UISwitch控件

    这篇文章主要为大家详细介绍了iOS开关按钮UISwitch控件,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-08-08
  • iOS下PDF文件的浏览和涂鸦效果的简单实现

    iOS下PDF文件的浏览和涂鸦效果的简单实现

    这篇文章主要介绍了iOS下PDF文件的浏览和涂鸦效果的简单实现,代码基于传统的Objective-C,需要的朋友可以参考下
    2015-10-10
  • iOS实现的多条折线图封装实例

    iOS实现的多条折线图封装实例

    这篇文章主要跟大家分享了关于利用iOS实现多条折线图的封装实例,文中给出了详细的示例代码供大家参考学习,对大家具有一定的参考学习价值,需要的朋友们下面来一起看看吧。
    2017-07-07
  • iOS中UIAlertView3秒后消失的两种实现方法

    iOS中UIAlertView3秒后消失的两种实现方法

    这篇文章主要介绍了iOS中UIAlertView3秒后消失的两种实现方法,实现方法涉及到NSTimer和PerformSelector:withObject:afterDelay:方法的结合使用,需要的朋友可以参考下
    2017-12-12
  • iOS验证手机号的正则表达式

    iOS验证手机号的正则表达式

    这篇文章主要为大家详细介绍了iOS验证手机号的正则表达式,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12

最新评论