<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html><head><meta http-equiv="Cont-阿里云开发者社区

开发者社区> 开发与运维> 正文
登录阅读全文

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html><head><meta http-equiv="Cont

简介: 1、UIScorollView    是ios中提供的滑动控件,用来解决当内容区域大于scorollView可视区域时,可以通过滑动的方式查看整个内容区域,UIScorollView 的滑动控件的基类,后期药学的UITableView(表视图),内部实现的原理是修改视图的bounds //1.
1、UIScorollView    是ios中提供的滑动控件,用来解决当内容区域大于scorollView可视区域时,可以通过滑动的方式查看整个内容区域,UIScorollView 的滑动控件的基类,后期药学的UITableView(表视图),内部实现的原理是修改视图的bounds
//1.创建对象
   
UIScrollView *scrollView = [[UIScrollView alloc]initWithFrame:CGRectMake(20, 20, kScreenWidth - 20 * 2, kScreenHeight - 20 *2)];
   
//2.配置属性
//    scrollView.backgroundColor = [UIColor redColor];
   
//2.1 设置内容区域的大小
    scrollView.
contentSize = CGSizeMake(500, 1000);
   
//2.2 修改内容区域的偏移量
   
//x变大,往左偏移,y变大往上偏移 1

//    scrollView.contentOffset =  CGPointMake(140, 400);
   
//2.3 是否显示滚动指示条
    scrollView.
showsHorizontalScrollIndicator = NO;//默认为YES
    scrollView.
showsVerticalScrollIndicator = NO;//默认为YES
   
//2.4 修改滚动指示条的样式
//    scrollView.indicatorStyle =  UIScrollViewIndicatorStyleWhite;
   
//2.5 设置scrollView 能否滚动
    scrollView.
scrollEnabled = YES;//默认为YES
   
//2.6 设置方向锁,设置滑动时只能从一个方向滚动
    scrollView.
directionalLockEnabled = NO;//默认为NO
   
//2.7 设置是否整屏滚动
    scrollView.pagingEnabled = YES;//默认为NO
UIScrollView <wbr>UIPageViewController <wbr>UI_07



    //2.8 设置当滑动到屏幕边缘的时候是否出现反弹效果
    scrollView.bounces = YES;//默认为YES
UIScrollView <wbr>UIPageViewController <wbr>UI_07

    //2.9 设置当内容区域等于或小于可视区域时,依然具有边界反弹效果
//水平方向
    scrollView.alwaysBounceHorizontal = YES;//默认为NO
//垂直方向
    scrollView.alwaysBounceVertical = YES;//默认为NO   
   
//2.10 设置点击状态栏,scrollView 是否回到顶部,此时y轴的偏移量是0
    scrollView.scrollsToTop = YES;//默认为YES
UIScrollView <wbr>UIPageViewController <wbr>UI_07

    //2.11 scrollView 的代理属性
   
//self指试图控制器对象
    scrollView.delegate = self;
    //2.12 设置scrollView的缩放比例
    scrollView.
minimumZoomScale 0.5;
    scrollView.maximumZoomScale = 3.0;
    UIScrollView <wbr>UIPageViewController <wbr>UI_07

    UIImage *image = [UIImage imageNamed: @"4.JPG"];
   
UIImageView *imageView = [[UIImageView alloc]initWithImage:image];
    imageView.
tag = 101;
    imageView.
frame = CGRectMake(0, 0, scrollView.contentSize.width, scrollView.contentSize.height);
   
//添加到父视图
    [scrollView
addSubview:imageView];
    [
self.view addSubview:scrollView];
   
//释放所有权
    [scrollView
release];  
}
——————————————————————————-——————
scrollView 的代理属性的13个方法及用途
//触发时机:ScrollView 将要开始拖拽idea时候触发(此时手指刚刚触摸到scrollView的时候)
- (
void)scrollViewWillBeginDragging:(UIScrollView *)scrollView{
   
   
NSLog(@"开始拖拽了没?");
}

//触发时机:ScrollView 将要结束拖拽的时候触发
- (
void)scrollViewWillEndDragging:(UIScrollView *)scrollView withVelocity:(CGPoint)velocity targetContentOffset:(inout CGPoint *)targetContentOffset NS_AVAILABLE_IOS(5_0){
   
NSLog(@"拖拽结束了没?");
   
}

//触发时机:ScrollView 已经结束拖拽的时候触发
- (
void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate{
   
NSLog(@"结束了没?好快啊!");
   
//在此方法中能拿到contenOfSet的偏移量
}

//触发时机:将要减速的时候触发(此方法不一定触发,匀速不一定触发)
- (
void)scrollViewWillBeginDecelerating:(UIScrollView *)scrollView{
   
NSLog(@"减速了么?");
}

//触发时机:已经结束减速的时候触发(此方法不一定触发,上面的减速方法不触发,这个结束减速的方法就不会触发)
- (
void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView{
   
NSLog(@"加速完了吗?");
   
//一般在这个方法中获取scrollView的偏移量,或者设置scrollView的偏移量
//    scrollView.contentOffset = CGPointZero;
//    [scrollView setContentOffset:CGPointZero animated:YES];
}

//触发时机:scrollView结束减速并且必须有动画效果才会触发(必须要有动画效果偶)
- (
void)scrollViewDidEndScrollingAnimation:(UIScrollView *)scrollView{
   
NSLog(@"有动画吗");
}

//触发时机,返回缩放后的视图,但是只能返回scrollView(内容)上的子视图
- (
UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView{
   
return [scrollView viewWithTag:101];
}

//触发时机:开始缩放的时候触发
- (
void)scrollViewWillBeginZooming:(UIScrollView *)scrollView withView:(UIView *)view NS_AVAILABLE_IOS(3_2){
   
NSLog(@"开始缩放了吗");
}
//触发时机:结束缩放的时候触发
- (
void)scrollViewDidEndZooming:(UIScrollView *)scrollView withView:(UIView *)view atScale:(CGFloat)scale{
   
NSLog(@"结束缩放了吗");
}

//触发时机:点击状态栏,调用该方法,该方法能实现的前提是scrollToTop的属性是YES
- (
BOOL)scrollViewShouldScrollToTop:(UIScrollView *)scrollView{
   
return YES;
}

//触发时机:scrollView 已经回到顶部了
- (
void)scrollViewDidScrollToTop:(UIScrollView *)scrollView{
}
 总结:scrollView的使用技巧
             使用scrollViewDidZoom: 实时修改自身视图的大小
             使用scrollViewDidEndDecelerating: 获取contentOfSet
==============================================================
LaunchViewController.m
#import "LaunchViewController.h"
#import
"PageViewController.h"

//图片个数
#define kImageCount 6
#define kScreenWidth [UIScreen mainScreen].bounds.size.width
#define kScreenHeight  [UIScreen mainScreen].bounds.size.height
@interface LaunchViewController ()<</span>UIScrollViewDelegate>
//定义属性方便使用
@property(nonatomic,retain)UIScrollView *scrollView;
@property(nonatomic,retain)UIPageControl *pageControl;
@end

@implementation LaunchViewController
- (
void)dealloc{
   
_scrollView = nil;
   
_pageControl = nil;
    [
super dealloc];
}


- (
void)viewDidLoad {
    [
super viewDidLoad];

       
//再添加scrollView
    [
self layoutScrollView];
   
//先添加pageControl
    [
self layoutPageControl];
   
}

//布局scrollView
- (
void)layoutScrollView{
   
self.scrollView = [[UIScrollView alloc]initWithFrame:[UIScreen mainScreen].bounds];
   
//设置内容页的大小
   
self.scrollView.contentSize = CGSizeMake(kImageCount * kScreenWidth, kScreenHeight);
   
//隐藏水平指示条
   
self.scrollView.showsHorizontalScrollIndicator = NO;
   
//整屏滑动
   
self.scrollView.pagingEnabled = YES;
   
//制定代理
   
self.scrollView.delegate = self;
   
   
//添加图片
   
for (int i = 0; i <</span> kImageCount; i ++ ) {
       
UIImageView *imageView = [[UIImageView alloc]initWithFrame:CGRectMake(i * kScreenWidth, 0, kScreenWidth, kScreenHeight)];
       
//图片名
       
NSString *name = [NSString stringWithFormat:@"v6_guide_%d",i + 1];
       
//初始化UIImage 对象
       
UIImage *image = [UIImage imageNamed:name];
        imageView.
image = image;
        [
self.scrollView addSubview:imageView];
       
        [imageView
release];
       
       
//添加手势
       
if (kImageCount - 1  == i) {
           
UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(handleTap:  )];
            [imageView addGestureRecognizer:tap];
            [tap release];
            //打开用户交互
            imageView.userInteractionEnabled = YES;       
        }
    }

   
self.scrollView.backgroundColor = [UIColor yellowColor];
    [
self.view addSubview:self.scrollView];
    [
self.scrollView release];
}


PageViewController.m
#pragma mark pageControl的实现
- (void)layoutPageControl{
   
_pageControl = [[UIPageControl alloc]initWithFrame:CGRectMake(0, kScreenHeight - 60, kScreenWidth, 60)];
   
_pageControl.numberOfPages = kImageCount;
   
//配置点的颜色
   
_pageControl.currentPageIndicatorTintColor = [UIColor redColor];
   
//配置其他点的颜色
   _pageControl.pageIndicatorTintColor = [UIColor greenColor];
    //给pageControl 关联事件
    [_pageControl addTarget:self action:@selector(handlePage : ) forControlEvents:(UIControlEventValueChanged)];
  
    [self.view addSubview:_pageControl];
    [_pageControl release];
}
#pragma mark  是轻拍手势的实现
- (void)handleTap : (UITapGestureRecognizer *)tap{
   
NSLog(@"轻拍了嘛?");
   
//是一个单例,可以实现数据持久化,当用户点击到最后一张图片时,引导图启动结束,此时在用户偏好中做一个标记,并把这个标记存储起来
   
NSUserDefaults *user = [NSUserDefaults standardUserDefaults];
   
    [user
setBool:YES forKey:@"daociyiyou"];
   
//赋值之后立即同步,作用是将事件标记的值存储起来
    [user synchronize];

    //实现点击最后一张图片进入用户进入用户界面
   
PageViewController *pageVC = [[PageViewController alloc]init];
   
//更换当前的window 的根视图控制器,将pageVC设置为主界面
   
   
//取出当前的应用程序对象
    [
UIApplication sharedApplication].keyWindow.rootViewController = pageVC;
   
    [pageVC
release];
   
}

#pragma mark scrollView的实现
- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView{
   
//求出scrollView内容在x轴偏移量
   
CGFloat x = _scrollView.contentOffset.x;
   
//求出pageCrontrol对应的下标
   
_pageControl.currentPage = x / kScreenWidth;
}

- (
void)handlePage : (UIPageControl *)page{
   
   
NSLog(@"%ld",page.currentPage);
   
   
//让_scrollView 跟pageControl 页数的改变而改变
   _scrollView.contentOffset = CGPointMake(page.currentPage * kScreenWidth, 0);
}
————————————————————————————————
AppDelegate.m
    //根据判断条件让运行程序启动引导界面
   
//获取用户对象,用户对象中存储的是一些有用的偏好设置

   
NSUserDefaults *user = [NSUserDefaults standardUserDefaults];
   if ([user boolForKey:@"daociyiyou"] != NO) {
        //    //根视图控制器
       self.window.rootViewController = [PageViewController new];
    }else{
       
//根视图
       
self.window.rootViewController = [LaunchViewController new];
    }
   
return YES;
}
最终效果:
UIScrollView <wbr>UIPageViewController <wbr>UI_07

本节所需素材下载:http://pan.baidu.com/s/1dD8pMLj
__________________________________________________________________________________
欢迎学习本文,未经博主许可,禁止转载!

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享: