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)开始显示 


UIScrollView基本用法详解

UIScrollView基本用法详解
  • lvdezhou
  • lvdezhou
  • 2015年12月01日 16:11
  • 4179

UIScrollView的简单用法总结

- (void)viewDidLoad {     [super viewDidLoad];     self.view.backgroundColor = [UIColor yellowCo...
  • Baby_beautiful
  • Baby_beautiful
  • 2015年04月22日 14:35
  • 207

(九)UIScrollView和PageControl的分页

涉及到内容的滚动与拖拽,使用UIScrllView。 对于滚动的多张图片,由于超出屏幕,应该使用代码添加代码。 添加的细节是:图片的宽高即为滚动视图的宽高,图片的y=0,x=图片的序号乘以图片的宽度。...
  • xyt8023y
  • xyt8023y
  • 2015年02月05日 14:23
  • 1638

Swift-UIScrollView使用详解

//创建滚动视图         let scrollView = UIScrollView()                  //设置尺寸         scroll...
  • wwc455634698
  • wwc455634698
  • 2016年09月26日 14:27
  • 4697

最简单的UIScrollView 下拉刷新思路

搜索了一下关于Tableview , ScrollView下拉刷新,大多数博客都贴一大段代码,显示得太过复杂。对于仅仅是想知道怎么实现简单下来刷新的人来说,太费时间,反而容易越搞越乱。下面说方法首先在...
  • BelugaW
  • BelugaW
  • 2016年05月02日 15:37
  • 1728

iOS中UIScrollView的简单用法

/。。。。。
  • whuizhou
  • whuizhou
  • 2015年07月04日 17:41
  • 406

UIScrollView上的控件处理touch事件

http://blog.csdn.net/ztp800201/article/details/7973036 http://blog.sina.com.cn/s/blog_7daf0a5f0100t...
  • jeffasd
  • jeffasd
  • 2016年03月26日 09:36
  • 843

UIScrollView的基本用法和简单示例

第一、UIScrollView的基本概念 是一个可以选择滑动的视图,用于显示更多的内容,可以通过手势放大或者缩小显示更多的内容。 有两个子类一个是UITableView,另一个是UITextView ...
  • ycxmartin111111
  • ycxmartin111111
  • 2013年11月04日 14:25
  • 2518

swift中UIScrollView的使用(常规使用,以及contentInset属性设置)

github学习地址:https://github.com/potato512/SYSwiftLearning 效果图: 关键源码 func setUI() { let main...
  • potato512
  • potato512
  • 2016年10月31日 18:15
  • 3956

UIScrollView - 点击跳转

#define Screen_Width [[UIScreen mainScreen] bounds].size.width #define Screen_Height [[UIScreen...
  • CharlesYaoxin
  • CharlesYaoxin
  • 2015年08月10日 10:14
  • 740
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:UIScrollView的 简单用法
举报原因:
原因补充:

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