UIScrollView UIPageViewControlle…

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

   
//2.8
设置当滑动到屏幕边缘的时候是否出现反弹效果

   
scrollView.bounces
=
YES;//默认为YES

   
//2.9
设置当内容区域等于或小于可视区域时，依然具有边界反弹效果

//水平方向

   
scrollView.alwaysBounceHorizontal
=
YES;//默认为NO

//垂直方向

   
scrollView.alwaysBounceVertical
=
YES;//默认为NO
  

   
//2.10
设置点击状态栏，scrollView 是否回到顶部，此时y轴的偏移量是0

   
scrollView.scrollsToTop
=
YES;//默认为YES

   
//2.11
scrollView 的代理属性

   
//self指试图控制器对象

   
scrollView.delegate
=
self;

   
//2.12
设置scrollView的缩放比例

   
scrollView.minimumZoomScale
= 
0.5;

   
scrollView.maximumZoomScale
=
3.0;

 
  

 
  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;

}

最终效果：

本节所需素材下载：http://pan.baidu.com/s/1dD8pMLj

__________________________________________________________________________________

欢迎学习本文，未经博主许可，禁止转载！