UIscrollView

最新推荐文章于 2020-10-09 10:11:29 发布
最新推荐文章于 2020-10-09 10:11:29 发布
阅读量1.5k 收藏 3
点赞数
分类专栏： UI控件使用详解 文章标签： scroll uiview events 扩展 mvc float

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


另外UITableView是UIScrollView的子类，它们在上述属性又有所不同，tabelview的contentsize是由它的下列方法共同实现的
- (NSInteger)numberOfSections;
- (NSInteger)numberOfRowsInSection:(NSInteger)section;
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath;
- (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section;
- (CGFloat)tableView:(UITableView *)tableView heightForFooterInSection:(NSInteger)section;
它会自动计算所有的高度和来做为它的contentsize的height。
例如你在delegate方法
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
    return 100;
}
那么你的tabelview的contentsize就是(320, 4400)

 

UIScrollView分页算法
    在使用 UIScrollView 分页的时候我们如何确定当前是第几页？
    首先需要开启分页设置
    scrollView.pagingEnabled = YES;
    然后我们在委托的类上实现以下方法
    - (void)scrollViewDidScroll:(UIScrollView*)sender{
            // 得到每页宽度
            CGFloat pageWidth = sender.frame.size.width;
            // 根据当前的x坐标和页宽度计算出当前页数
            int currentPage=floor((sender.contentOffset.x-pageWidth/ 2) / pageWidth)+ 1;
}    

 

 

使用一个ScrollView

     创建一个UIScrollView

             CGRectframe = CGRectMake( 0, 0, 200, 200);

              scrollView= [[UIScrollView alloc] initWithFrame: frame];

    添加子视图（框架可以超过scroll view的边界）

            frame= CGRectMake( 0, 0, 500, 500);

            myImageView= [[UIImageView alloc] initWithFrame: frame];

           [scrollViewaddSubview:myImageView];

    设置内容尺寸

           scrollView.contentSize= CGSize(500,500);


扩展Scroll View 的行为

      应用程序通常需要知道有关的滚图的事件

            scrolloffset改变的时候

           拖动开始和结束

            减速的开始和结束


通过子类化扩展Scroll View 的行为

        创建一个子类

        重写一些功能并改变行为

        关于这种方式的争议

               应用程序的逻辑和行为变成了视图本身的一部分，就像，你可能有一些定制的滚轴逻辑，，在那你只在意一个视图控制，但你想在不同地方重复使用你的滚轴视图，如果你必须为每个都子类化，你最后会有很多不同的滚轴视图子类以及在视图中的特定应用逻辑。

              编写很多子类是很沉闷的事情，你最后会有很多无法重复使用的单独视图，而MVC的视图部分的一个重点是视图是可以在不同的控制器和不同的模式之中重复使用的，如果我们把所有逻辑都放在视图中，它减少了可复用性。

              你的代码变得很牢固地配对在一起，它实际上变成了超类的一部分，你无法从UIScrollView中析取它，之后用其它东西代替，如果它在你控制器中且为控制器的一部分，在之后更容易改变它工作的方式和重新安排你应用程序的一些部分。


通过委派来扩展Scroll View 的行为（常用的）

         委派是一个单独的对象，协议，定义了委派会实现的一系列功能的Objective-C协议，它创建了一系列很清晰的撤销点，在那里你能定制行为和外观。它在这些对象之间保持了松散的配对，视图本身与视图控制器或任何其它的控制器对象，委派不是滚轴视图的直接子类，它比起牢固配对的子类更加的松散。


 



首先引用别人分析一篇不错的文章，同时也感谢这位朋友的分享：http://www.cocoachina.com/iphonedev/sdk/2010/1224/2503.html   

  在滚动过程当中，其实是在修改原点坐标。当手指触摸后, scroll view会暂时拦截触摸事件,使用一个计时器。假如在计时器到点后没有发生手指移动事件，那么 scroll view 发送 tracking events 到被点击的 subview。假如在计时器到点前发生了移动事件，那么 scroll view 取消 tracking 自己发生滚动。

    子类可以重载

touchesShouldBegin:withEvent:inContentView: 决定自己是否接收 touch 事件
pagingEnabled：当值是 YES 会自动滚动到 subview 的边界，默认是NO
touchesShouldCancelInContentView: 开始发送 tracking messages 消息给 subview 的时候调用这个方法，决定是否发送 tracking messages 消息到subview。假如返回 NO，发送。YES 则不发送。
假如 canCancelContentTouches属性是NO，则不调用这个方法来影响如何处理滚动手势。

    scroll view 还处理缩放和平移手势，要实现缩放和平移，必须实现委托 viewForZoomingInScrollView:、scrollViewDidEndZooming:withView:atScale:
两个方法。另外 maximumZoomScale和minimumZoomScale 两个属性要不一样。

几个属性介绍

tracking
当 touch 后还没有拖动的时候值是YES，否则NO

zoomBouncing
当内容放大到最大或者最小的时候值是 YES，否则 NO

zooming
当正在缩放的时候值是 YES，否则 NO

decelerating
当滚动后，手指放开但是还在继续滚动中。这个时候是 YES，其它时候是 NO

decelerationRate
设置手指放开后的减速率

maximumZoomScale
一个浮点数，表示能放最大的倍数

minimumZoomScale 
一个浮点数，表示能缩最小的倍数

pagingEnabled
当值是 YES 会自动滚动到 subview 的边界。默认是NO

scrollEnabled
决定是否可以滚动

delaysContentTouches
是个布尔值，当值是 YES 的时候，用户触碰开始，scroll view要延迟一会，看看是否用户有意图滚动。假如滚动了，那么捕捉 touch-down 事件，否则就不捕捉。假如值是NO，当用户触碰， scroll view 会立即触发 touchesShouldBegin:withEvent:inContentView:，默认是 YES

canCancelContentTouches
当值是 YES 的时候，用户触碰后，然后在一定时间内没有移动，scrollView 发送 tracking events，然后用户移动手指足够长度触发滚动事件，这个时候，scrollView 发送了 touchesCancelled:withEvent: 到 subview，然后 scroView 开始滚动。假如值是 NO，scrollView 发送 tracking events 后，就算用户移动手指，scrollView 也不会滚动。

contentSize
里面内容的大小，也就是可以滚动的大小，默认是0，没有滚动效果。

showsHorizontalScrollIndicator
滚动时是否显示水平滚动条

showsVerticalScrollIndicator
滚动时是否显示垂直滚动条

bounces
默认是 yes，就是滚动超过边界会反弹有反弹回来的效果。假如是 NO，那么滚动到达边界会立刻停止。

bouncesZoom
和 bounces 类似,区别在于：这个效果反映在缩放上面，假如缩放超过最大缩放，那么会反弹效果；假如是 NO，则到达最大或者最小的时候立即停止。

directionalLockEnabled
默认是 NO，可以在垂直和水平方向同时运动。当值是 YES 时，假如一开始是垂直或者是水平运动，那么接下来会锁定另外一个方向的滚动。 假如一开始是对角方向滚动，则不会禁止某个方向

indicatorStyle
滚动条的样式，基本只是设置颜色。总共3个颜色：默认、黑、白

scrollIndicatorInsets
设置滚动条的位置

最后加上，我刚定的一个例子，可以缩放，及对使用的代理方法加了注释


//  ScrollViewViewController.m

//  ScrollView

//

//  Created by ch_soft on 11-11-8.

//  Copyright 2011年 __MyCompanyName__. All rights reserved.

//


#import"ScrollViewViewController.h"

#import"CustomA.h"

#import"CustomB.h"


@implementation ScrollViewViewController


- (void)didReceiveMemoryWarning

{

   // Releases the view if it doesn't have a superview.

    [superdidReceiveMemoryWarning];

    

   // Release any cached data, images, etc that aren't in use.

}


#pragma mark - View lifecycle



// Implement viewDidLoad to do additional setup after loading the view, typically from a nib.

- (void)viewDidLoad

{

   scrollview =[[UIScrollViewalloc] initWithFrame:CGRectMake(50,0, 200,400)];

    scrollview.contentSize=CGSizeMake(400,400);

   scrollview.backgroundColor=[UIColororangeColor];

   scrollview.pagingEnabled=YES;//是否自己动适应

    

   viewA=[[CustomAalloc] initWithFrame:CGRectMake(50,0, 100,400)];

   viewA.backgroundColor=[UIColorblueColor];

    [scrollviewaddSubview:viewA];

    [viewArelease];

    

    CustomB * viewB=[[CustomB alloc] initWithFrame:CGRectMake(250,0, 100, 400)];

    viewB.backgroundColor=[UIColoryellowColor];

    [scrollviewaddSubview:viewB];

    [viewB release];

    

    [self.viewaddSubview:scrollview];

   scrollview.maximumZoomScale=2.0;

   scrollview.minimumZoomScale=0.5;

//    scrollview.decelerationRate=1;

   scrollview.delegate=self;

   //canCancelContentTouches:YES-移动手指足够长度触发滚动事件,NO-scrollView发送 tracking events 后，就算用户移动手指，scrollView 也不会滚动。

   scrollview.canCancelContentTouches=NO;

    

   //当值是 YES的时候，用户触碰开始.要延迟一会，看看是否用户有意图滚动。假如滚动了，那么捕捉 touch-down事件，否则就不捕捉。假如值是NO，当用户触碰， scroll view会立即触发

   scrollview.delaysContentTouches=YES;

    [scrollviewrelease];

    [superviewDidLoad];

}



#pragma mark UIScrollViewDelegate

//只要滚动了就会触发

- (void)scrollViewDidScroll:(UIScrollView *)scrollView;   

{

//    NSLog(@" scrollViewDidScroll");

    NSLog(@"ContentOffset  x is  %f,yis %f",scrollView.contentOffset.x,scrollView.contentOffset.y);

}

//开始拖拽视图

- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView;   

{

   NSLog(@"scrollViewWillBeginDragging");

}

//完成拖拽

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

{

   NSLog(@"scrollViewDidEndDragging");

}

//将开始降速时

- (void)scrollViewWillBeginDecelerating:(UIScrollView *)scrollView;   

{

   NSLog(@"scrollViewWillBeginDecelerating");

}


//减速停止了时执行，手触摸时执行执行

- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView;   

{

   NSLog(@"scrollViewDidEndDecelerating");

}

//滚动动画停止时执行,代码改变时出发,也就是setContentOffset改变时

- (void)scrollViewDidEndScrollingAnimation:(UIScrollView *)scrollView;

{

   NSLog(@"scrollViewDidEndScrollingAnimation");

}

//设置放大缩小的视图，要是uiscrollview的subview

- (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView;   

{

   NSLog(@"viewForZoomingInScrollView");

    return viewA;

}

//完成放大缩小时调用

- (void)scrollViewDidEndZooming:(UIScrollView *)scrollView withView:(UIView *)view atScale:(float)scale; 

{

    viewA.frame=CGRectMake(50,0, 100, 400);

   NSLog(@"scale between minimum and maximum. called after any 'bounce' animations");

}// scale between minimum and maximum. called after any 'bounce' animations


//如果你不是完全滚动到滚轴视图的顶部，你可以轻点状态栏，那个可视的滚轴视图会一直滚动到顶部，那是默认行为，你可以通过该方法返回NO来关闭它

- (BOOL)scrollViewShouldScrollToTop:(UIScrollView *)scrollView;   

{

    NSLog(@"scrollViewShouldScrollToTop");

   return YES;

}


- (void)scrollViewDidScrollToTop:(UIScrollView *)scrollView;     

{

    NSLog(@"scrollViewDidScrollToTop");

}




- (void)viewDidUnload

{

    [super viewDidUnload];

   // Release any retained subviews of the main view.

   // e.g. self.myOutlet = nil;

}


- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation

{

   // Return YES for supported orientations

    return (interfaceOrientation == UIInterfaceOrientationPortrait);

}


@end

 


imekong
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
UIScrollView contentInset 属性详解
jeffasd的专栏
07-07 714
contentInset：除具体内容以外的边框尺寸      contentSize: 里面的具体内容（header、cell、footer），除掉contentInset以外的尺寸      contentOffset:       1.它可以用来判断scrollView滚动到什么位置      2.指scrollView的内容超出了scrollView顶部的距离（除掉contentIn
scroll-view的使用
weixin_44773735的博客
03-14 1529
1.图片的横向滚动 功能描述：添加图片，展示缩小的图片，点击可以放大，图片可以横向滑动显示，图片可以删除 /main.wxml <!-- 照片展示区域 --> <view class="ipt pic_ipt"> <view class="pho_box">
ScrollView用法
Aaron的学习历程
10-12 2150
理论部分1、ScrollView和HorizontalScrollView是为控件或者布局添加滚动条2、上述两个控件只能有一个孩子，但是它并不是传统意义上的容器3、上述两个控件可以互相嵌套4、滚动条的位置现在的实验结果是：可以由layout_width和layout_height设定5、ScrollView用于设置垂直滚动条，HorizontalScrollView用于设置水平滚动条：需要注意的是，
ios-scrollview任意自动布局 contentSize自适应.zip
07-11
github持续更新地址：https://github.com/gsdios/SDAutoLayout SDAutoLayout（一行代码搞定自动布局！支持Cell和Tableview高度自适应，Label和ScrollView内容自适应，致力于做最简单易用的AutoLayout库。） 图示demo为 “SDAutoLayout实现的对scrollview多种形式的自动布局以及contentsize自适应（带动画效果）” 。 github持续更新地址：https://github.com/gsdios/SDAutoLayout SDAutoLayout使用者开发的部分app截图 http://www.jianshu.com/p/9bc04d3effb8 QQ交流群：497140713 519489682 ☆☆ SDAutoLayout 基础版视频教程：http://www.letv.com/ptv/vplay/24038772.html ☆☆ ☆☆ SDAutoLayout 进阶版视频教程：http://www.letv.com/ptv/vplay/24381390.html ☆☆ ☆☆ SDAutoLayout 原理简介视频教程：http://www.iqiyi.com/w_19rt0tec4p.html ☆☆
UI基本控件（一）:UIScrollView
努力进阶的小菜鸟
10-09 4059
一、UIScrollView 1.contentOffset->默认CGPointZero，用来设置scrollView的滚动偏移量。 // 设置scrollView的滚动偏移量 scrollView.contentOffset= CGPointMake(0, 200); 2.contentSize- >默认CGSizeZero，用来设置scrollView的滚动范围。 // 设置scrollView的滚动范围 scrollView.content...
UIScrollView自适应高度或宽度
04-28
在iOS开发中，UIScrollView是一个非常重要的控件，它允许用户在水平或垂直方向滚动查看超出视图边界的内容。本教程将深入讲解如何实现UIScrollView的自适应高度或宽度，以达到内容自动填充的效果。我们将主要使用...
UIScrollView
12-28
UIScrollView是iOS开发中一个非常重要的视图类，用于展示可滚动的内容。在移动应用中，特别是在需要显示大量信息或者创建动态效果时，如新闻、图片、广告等，UIScrollView经常被用来构建滑动浏览的界面。在这个场景...
UISCrollView+UITableView
05-06
在iOS开发中，`UISCrollView`和`UITableView`是两种非常重要的视图控件，它们被广泛用于实现各种滚动界面。`UISCrollView`可以显示比屏幕更大的内容，用户可以通过滚动来查看所有内容，而`UITableView`则主要用于...
UIScrollView 用法详解
08-30
在iOS开发中，UIScrollView是一个非常重要的控件，它允许用户在水平或垂直方向滚动内容，提供了无限滚动、页面滚动等功能，极大地丰富了用户的交互体验。本文将深入解析UIScrollView的使用方法，包括基本设置、内容...
通过UIKit坐标系来全面掌握iOS中的UIScrollView组件
09-02
在iOS开发中，UIScrollView是一个非常重要的组件，它允许用户在内容超出屏幕范围时进行滚动查看。通过UIKit坐标系，我们可以更好地理解和控制UIScrollView的行为。UIKit坐标系是iOS图形界面的基础，每个UIView都有...
关于ScrollView的使用这一篇就够了
01-03
1.ScrollView使用介绍 scrollviewItem.xml 效果图： 此处省略。。。。。。。。。。。 肯定要结果图呀！！ 上面说了怎么监听，下面再来说说怎么在某条件下滑动到顶部和底部 3.ScrollView滑动到顶部和底部 需求比如说点击某个btn自动滑动到顶部/底部 Android ScrollView滑动到顶部和底部： Scrollview禁止滑动: scrollView.setOnTouchListener(new View.OnTouchListener() { @Override public boolean onTouch(View
ScrollView基本使用
Ronaldo_Carry的博客
11-03 417
ScrollView的作用 ->1.用于显示超出应用程序窗口大小的内容 ->2.允许用户通过拖动手势滚动查看视图中的内容 ->3.允许用户通过捏合手指缩放视图中的内容 相关的属性如图所示: 必须实现的属性: ->CGSize contentSize:设置UIScrollView的滚动范围  用法:[scrollView setcontentSize] ->UIEdgeInse
UIScrollView 原理详解
opentogether的博客
08-12 286
UIScrollView 原理详解
用UIScroView实现图片的滚动
pilqc2009的专栏
05-28 1042
主要分为两步：1. 创建UIScrollView 2.创建UIPageControl。最后别忘了实现UIScrollViewDelegate - (void)setupScrollView {     //创建UIScrollView     UIScrollView *scorllView = [[UIScrollView alloc] init];     scorllView.f
【UGUI】Scroll View的基本使用方法
热门推荐
方寸想法，编码宇宙
03-25 1万+
1.效果图 2.目标功能： （1）在左侧有限空间内放置一系列的Toggle，滑动可以选择不同Toggle。 （2）滑动文字页面/滑动条，可以看到所有文字 3.实现工具：    Scroll View (滚动视图，可在GameObject->UI->Scroll View处创建) 4.Scroll View解析： （1）在Scroll View这个物体身上挂了Scr...
UIScrollView 的用法之详解
u012655309的专栏
11-25 543
scrollView的代理方法 很多时候,我们想在UIScrollView正在滚动或 滚动到某个位置 或者 停止滚动 时做一些特定的操作 要想完成上述功能,前提条件就是能够监听到UIScrollView的整个滚动过程 当UIScrollView发生一系列的滚动操作时,会自动通知它的代理 (delegate)对象,给它的代理发送相应的消息,让代理得知它的滚动 情况 也就是说,要
Android ScrollView的使用
Swust_ZzK的博客
10-26 1131
xml布局 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"
Android中ScrollView用法介绍
linghu_java的专栏
05-23 1万+
<br />ScrollView（滚动视图）是实现滚动的一个控件，只需要将需要滚动的控件添加到ScrollView中即可！ScrollView可以在代码中进行设置，也可以在XML布局文件中进行设置！<br /> <br />1.Activity文件如下：<br />import android.app.Activity;<br />import android.os.Bundle;<br />import android.widget.ScrollView;<br />import android.widg
UIScrollView内容偏移的问题
让坚持成为习惯
08-16 1万+
问题： 今天想做UITextView的自适应高度，写了个小demo，发现内容偏移了 可以看到上方有64的偏移，光标是无法到达的。 textView的实现代码： - (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the view. self.view.
UIScrollview masory
最新发布
06-06
UIScrollView的Masonry使用方法与其他UIView的使用方法基本相同，只需要将约束添加到UIScrollView的contentView上即可。 下面是一个简单的示例代码： ``` [self.view addSubview:self.scrollView]; [self.scrollView mas_makeConstraints:^(MASConstraintMaker *make) { make.edges.equalTo(self.view); }]; [self.scrollView addSubview:self.contentView]; [self.contentView mas_makeConstraints:^(MASConstraintMaker *make) { make.edges.equalTo(self.scrollView); make.width.equalTo(self.scrollView); }]; ``` 在这个例子中，我们首先将UIScrollView添加到self.view中，并使用`make.edges.equalTo(self.view)`约束它占据整个父视图。然后，我们将内容视图添加到UIScrollView的contentView中，并使用`make.edges.equalTo(self.scrollView)`约束它占据整个UIScrollView的可见区域。最后，我们使用`make.width.equalTo(self.scrollView)`约束内容视图的宽度与UIScrollView的宽度相等。 需要注意的是，在使用UIScrollView的Masonry约束时，我们必须确保内容视图的高度和宽度都能够被准确地计算，否则UIScrollView可能无法正确地滚动。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值