这篇文章主要为大家详细介绍了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实现滑动引导页


基础教程推荐
猜你喜欢
- Android开发Compose集成高德地图实例 2023-06-15
- iOS开发使用XML解析网络数据 2022-11-12
- iOS开发 全机型适配解决方法 2023-01-14
- Android实现短信验证码输入框 2023-04-29
- iOS中如何判断当前网络环境是2G/3G/4G/5G/WiFi 2023-06-18
- Flutter进阶之实现动画效果(三) 2022-10-28
- iOS Crash常规跟踪方法及Bugly集成运用详细介绍 2023-01-18
- Android Compose自定义TextField实现自定义的输入框 2023-05-13
- MVVMLight项目Model View结构及全局视图模型注入器 2023-05-07
- IOS获取系统相册中照片的示例代码 2023-01-03