iOS基于UIScrollView如何實現滑動引導頁

這篇文章將為大家詳細講解有關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基于UIScrollView如何實現滑動引導頁”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。