iOS中UIScrollView和UIPageControl的使用

        一. UIScrollView 是 iPhone中的一个重要试图,系统为我们提供了一个方法,使能够在一个界面中看到所有的内容,从未不必担心因为屏幕的大小有限,必须要翻到下一页进行阅览.对用户来说是一个很好的体验.对学习者来说,能够使用好UIScrollView滚动视图,是一个进步.

下面我列出了几个滚动视图的常用属性和方法:

1.pagingEabled    //BOOL 值,设置/读取试图滚动时是否为翻页效果.

2.scrollEnabled    //BOOL 值,读取/设置图片视图是否能够与用户交互,响应用户事件.默认是: NO.

3.showsHorizontalScrollIndicator   //BOOL 值,读取/设置是否显示水平滚动条.

4.indicatorStyle    //读取/设置滚动条的样式.

5.contentSize      //内容区域大小.要想出现滚动效果,UIScrollView 的此属性必须大于其Frame 属性.

6.contentOffset //视图左上⾓角距离坐标原点的偏移量

具体的UIScrollView 使用操作如下:

//创建一个UIScrollView对象

UIScrollView *scroll = [[UIScrollView alloc]initWithFrame:CGRectMake(0, 20, self.view.frame.size.width, 400)];

//设置播放视图的内容大小

    scroll.contentSize=CGSizeMake(scroll.frame.size.width *3, 0);

//设置偏移量,通过修改偏移量,可以设定哪一张图为显示的第一张的图片

    scroll.contentOffset = CGPointMake(0,0);

//设置整屏翻动

    scroll.pagingEnabled = YES;

//设置显示水平和垂直滚动条

    scroll.showsHorizontalScrollIndicator = YES;

    scroll.showsVerticalScrollIndicator  = YES;

//设置图片的放大缩小的倍数

    scroll.minimumZoomScale = 0.5f;

    scroll.maximumZoomScale = 2.0f;

//设置此属性后,滚动内容讲义页为单位进行滚动

scroll.pagingEnabled = YES;

//将滚动视图添加到主视图上

[self.view addSubview:scroll];

    [_scroll release];

二. UIPageControl 分页控件

当用户界面需要按页面显示的时候,使用iOS提供的UIPageControl控件将要显示的用户将要显示的用户界面内容分页进行显示回事编程工作变得非常快捷.

UIPageControl 的重要属性和方法

1.numberOfPages //总页数

2.currentPage //当前页码

3.UIControlEventValueChanged //事件.用户点击页面控件,会触发此事件.

属性和方法的具体操作实现:

//创建UIPageControl 对象

UIPageControl *page =[[UIPageControl alloc]initWithFrame:CGRectMake(0, 400, self.scroll.frame.size.width, 20)];

    //设置背景颜色

[page setBackgroundColor:[UIColor grayColor]];

//设置总页数为3

    page.numberOfPages = 3;

//为UIPageControl控件添加事件

    [page addTarget:self action:@selector(pageAction:) forControlEvents:UIControlEventValueChanged];

//将分页控件添加到主视图中

    [self.view addSubview:_page];

    [page release];

//添加事件

-(void)pageAction:(id)sender{

    UIPageControl *page = (UIPageControl *)sender;

    CGFloat  value = page.currentPage *self.view.frame.size.width;

    [_scroll setContentOffset:CGPointMake(value, 0) animated:YES];

}