UIScrollView的 简单用法

原创 2015年07月08日 18:58:39

自己所经历的,,忘记了就要找回,,不论早晚


//设置ScrollView的整体触摸与显示区域


  假如屏幕宽高 是 320X480

//注意  ScrollView的  高不要超过   320X480

//否则会出现无法滚动的情况

_scrollView = [[UIScrollView alloc] initWithFrame:CGRectMake(0, 0, 320,440)];


//设置ScrollView滚动内容的区域

//它通常是需要大于ScrollerView的显示区域的

//这样才有必要在ScrollerView中滚动它

[_scrollView setContentSize:CGSizeMake(320 * 5, 240)];


//开启滚动分页功能,如果不需要这个功能关闭即可

[_scrollView setPagingEnabled:YES];


//隐藏横向与纵向的滚动条

[_scrollView setShowsVerticalScrollIndicator:NO];

[_scrollView setShowsHorizontalScrollIndicator:NO];


//在本类中代理scrollView的整体事件

[_scrollView setDelegate:self];


//如果你打开横向或纵向的滚动条,这里可以设置滚动条的风格

// UIScrollViewIndicatorStyleDefault, 默认风格

// UIScrollViewIndicatorStyleBlack,   黑色风格

// UIScrollViewIndicatorStyleWhite    白色风格

//[_scrollView setIndicatorStyle:UIScrollViewIndicatorStyleBlack]


for (int i =0; i<5; i++)

{

    

    //在这里给每一个ScrollView添加一个图片 和一个按钮

    UIImageView *imageView= [[[UIImageView alloc] initWithFrame:CGRectMake(i * 320,0,320,440)] autorelease];

    [imageView setImage:[UIImage imageNamed:@"image.png"]];

    

    UIButton * button = [UIButton buttonWithType:UIButtonTypeRoundedRect];

    button.frame = CGRectMake(i * 320, 10, 100, 30);

    

    [button setTitle:@"这是一个按钮" forState:UIControlStateNormal];

    

    [button addTarget:self action:@selector(buttonClick) forControlEvents:UIControlEventTouchUpInside];

    

    //把每页需要显示的VIEW添加进ScrollerView

    [_scrollView addSubview:imageView];

    [_scrollView addSubview:button];

}


//整体再将ScrollerView显示在窗口中

[self.view addSubview:_scrollView];


//页面控制小工具

//它会在底部绘制小圆点标志当前显示页面

_pageControl = [[[UIPageControl alloc] initWithFrame:CGRectMake(0, 440,self.view.frame.size.width, 20)]autorelease];

//设置页面的数量

[_pageControl setNumberOfPages:5];

//监听页面是否发生改变

[_pageControl addTarget:self action:@selector(changePage:) forControlEvents:UIControlEventValueChanged];

[self.view addSubview:_pageControl];


}


- (void)changePage:(id)sender

{

    //得到当前页面的ID

    //int page = [sender currentPage];

    

    //在这里写你需要执行的代码

    //......

}


//手指离开屏幕后ScrollView还会继续滚动一段时间只到停止

- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView

{

    

    NSLog(@"结束滚动后缓冲滚动彻底结束时调用");

}


-(void) scrollViewWillBeginDecelerating:(UIScrollView *)scrollView

{

    

    NSLog(@"结束滚动后开始缓冲滚动时调用");

}


-(void)scrollViewDidScroll:(UIScrollView*)scrollView


{

    //页面滚动时调用,设置当前页面的ID

    [_pageControl setCurrentPage:fabs(scrollView.contentOffset.x/self.view.frame.size.width)];

    NSLog(@"视图滚动中X轴坐标%f",scrollView.contentOffset.x);

    NSLog(@"视图滚动中X轴坐标%f",scrollView.contentOffset.y);

}


-(void)scrollViewWillBeginDragging:(UIScrollView*)scrollView

{

    NSLog(@"滚动视图开始滚动,它只调用一次");

}


-(void)scrollViewDidEndDragging:(UIScrollView*)scrollView willDecelerate:(BOOL)decelerate

{

    NSLog(@"滚动视图结束滚动,它只调用一次");

    

}



一次小的总结


contentSize是scrollview可以滚动的区域,比如frame = (0 ,0 ,320 ,480) contentSize = (320 ,960),代表你的scrollview可以上下滚动,滚动区域为frame大小的两倍。 
contentOffset是scrollview当前显示区域顶点相对于frame顶点的偏移量,比如上个例子你拉到最下面,contentoffset就是(0 ,480),也就是y偏移了480 
contentInset是scrollview的contentview的顶点相对于scrollview的位置,例如你的contentInset = (0 ,100),那么你的contentview就是从scrollview的(0 ,100)开始显示 


10.5 UIScrollview概念和用法:实现简单的相册功能

测试代码:

UIScrollView 用法详解

  • 2015年08月30日 21:42
  • 438KB
  • 下载

UIScrollView基本用法详解

UIScrollView基本用法详解

UIScrollView用法小记1

一、什么是UIScrollView •移动设备的屏幕大小是极其有限的,因此直接展示在用户眼前的内容也相当有限 • •当展示的内容较多,超出一个屏幕时,用户可通过滚动手势来查看屏幕以外的内容 • •普...

UIScrollView高级用法:delaysContentTouches与canCencelContentTouches属性

UIScrollView高级属性,delaysContentTouches,canCencelContentTouches,

IOS UIScrollView——用法详解

UIScrollView是用来在屏幕上显示那些在有限区域内放不下的内容。例如,在手机屏幕上显示内容丰富的网页或者很大的图片。在这种情况下,需要用户对屏幕内容进行拖动或缩放来查看屏幕或窗口区域外的内容。...

Objective-C-iOS UIScrollView UIPageControl 的用法详解

- (void)viewDidLoad {     [super viewDidLoad];     //UIView是视图类,所有的控件都直接或间接地继承它   ...

UIScrollView的用法(不定期更新)

先从最基本的研究起,用一个例子来说明,如何创建一个UIScrollView。在xcode新建一个基于视图的工程,然后打开项目里viewController的xib文件,在view里添加一个uiscro...

UIScrollView 的基本用法 横向滚动

参考贴1: UIScrollView 的基本用法 横向滚动 2012-05-07 14:13:51| 分类: ios开发 | 标签:ios scrollview |字号大中小 订阅 ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:UIScrollView的 简单用法
举报原因:
原因补充:

(最多只允许输入30个字)