iOS中UIScrollerView的用法及基于AotoLayout的控件悬停

前端技术 2023/09/03 IOS

UIScrollView为了显示多于一个屏幕的内容或者超过你能放在内存中的内容。Scroll View为你处理缩小放大手势，UIScrollView实现了这些手势，并且替你处理对于它们的探测和回应。其中需要注意的子类是UITableView以及UITextView（用来显示大量的文字）。还有一个UIWebView，尽管那不是UIScrollView的直接子类，它适用UIScrollView去显示网页内容contentsize是内容的宽和高，contentsize.width是内容的宽度，contentsize.heght是高度，contentsize是UIScrollView的一个属性，它是一个CGSize，是由核心图形所定义的架构，那定义了你可以滚轴内容的宽度和高度，你也可以添加可以上下滚动的额外区域。第一种方法是你可以通过添加内容的大小来完成。另外一个比较动态的选择是UIScrollView的另一个属性contentInset，contentInset增加你在contentsize中指定的内容能够滚动的上下左右区域数量contentInset.top以及contentInset.buttom分别表示上面和下面的距离。

在滚轴视图中，有一个叫做ContentOffset的属性跟踪UIScrollView的具体位置，你能够自己获取和设置它，ContentOffset是你当前可视内容在滚轴视图边界的左上角那个点。如图：

可以看出，ContentOffset内容中的那个点不是从contentInset的左上角开始的，而是内容的左上角，此时的ContentOffset是正值，但有时也是负值，如下图所示：

使用一个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协议，它创建了一系列很清晰的撤销点，在那里你能定制行为和外观。它在这些对象之间保持了松散的配对，视图本身与视图控制器或任何其它的控制器对象，委派不是滚轴视图的直接子类，它比起牢固配对的子类更加的松散。


理论篇
在滚动的过程中，实际上就是contentOffset的值在不断变化，当手指触摸后，UIScrollView会暂时拦截触摸事件，使用一个计时器。假如在计时器到点后没有发生手指移动事件，那么UIScrollView发送 tracking events 到被点击的 subview 上面。如果在计时器到点前发生了移动事件，那么UIScrollView取消 tracking 然后自己发生滚动。

可以重载子类

复制代码 代码如下:

- (BOOL)touchesShouldBegin:(NSSet *)touches withEvent:(UIEvent *)event inContentView:(UIView *)view;

决定自己是否接受 touch 事件
复制代码 代码如下:

- (BOOL)touchesShouldCancelInContentView:(UIView *)view;

开始发送 tracking messages 给 subview 的时候调用这个方法，决定是否发送 tracking messages 消息到 subview。
返回NO -> 发送，表示不取消
返回YES -> 不发送，表示会取消

属性篇

复制代码 代码如下:

@property(nonatomic,readonly,getter=isTracking) BOOL tracking;

当 touch 后还没有拖动的时候值是YES，否则NO
复制代码 代码如下:

@property(nonatomic,readonly,getter=isZoomBouncing) BOOL zoomBouncing;

当内容放大到最大或者最小的时候值是YES，否则NO
复制代码 代码如下:

@property(nonatomic,readonly,getter=isZooming) BOOL zooming;

当正在缩放的时候值是YES，否则NO
复制代码 代码如下:

@property(nonatomic,readonly,getter=isDecelerating) BOOL decelerating;

当滚动后，手指放开但是还在继续滚动中。这个时候是YES，其他时候是NO
复制代码 代码如下:

@property(nonatomic) CGFloat decelerationRate;

设置手指放开后的减速率
复制代码 代码如下:

@property(nonatomic) CGFloat maximumZoomScale;

表示放大的最大倍数
复制代码 代码如下:

@property(nonatomic) CGFloat minimumZoomScale;

表示缩小的最小倍数
复制代码 代码如下:

@property(nonatomic,getter=isPagingEnabled) BOOL pagingEnabled;

当值为YES的时候，就会产生翻页那种效果
复制代码 代码如下:

@property(nonatomic,getter=isScrollEnabled) BOOL scrollEnabled;

决定是否可以滚动
复制代码 代码如下:

@property(nonatomic) BOOL delaysContentTouches;

当值为YES的时候，用户一旦触碰，然后再一定时间内没有移动，UIScrollView会发送 tracking events，然后用户移动手指足够长度触发滚动事件，这个时候，UIScrollView发送了-(void)touchesCancelled:(NSSet *)touches withEvent:(UIEvent *)event到 subview，然后UIScrollView开始滚动。假如值为NO，UIScrollView发送 tracking events 后，就算用户移动手指，UIScrollView也不会滚动。
复制代码 代码如下:

@property(nonatomic) BOOL showsHorizontalScrollIndicator;

滚动时是否显示水平滚动条
复制代码 代码如下:

@property(nonatomic) BOOL showsVerticalScrollIndicator;

滚动时是否显示垂直滚动条
复制代码 代码如下:

@property(nonatomic) BOOL bounces;

默认是YES，就是滚动超过边界会有反弹回来的效果，如果设置为NO，那么滚动到边界就会立刻停止
复制代码 代码如下:

@property(nonatomic) BOOL bouncesZoom;

这个效果反映在缩放上面，如果缩放超过最大缩放，就会有反弹效果，加入设置为NO，则达到最大或者最小的时候立刻停止
复制代码 代码如下:

@property(nonatomic,getter=isDirectionalLockEnabled) BOOL directionalLockEnabled;

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

@property(nonatomic) UIScrollViewIndicatorStyle indicatorStyle;

滚动条的样式，基本只是设置颜色
复制代码 代码如下:

@property(nonatomic) UIEdgeInsets scrollIndicatorInsets;

设置滚动条的位置

方法篇
直接上代码看

复制代码 代码如下:

#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\");
   returnYES;
}

- (void)scrollViewDidScrollToTop:(UIScrollView *)scrollView;    
{
    NSLog(@\"scrollViewDidScrollToTop\");
}

- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation
{
   // Return YES for supported orientations
    return (interfaceOrientation == UIInterfaceOrientationPortrait);
}

@end

本文地址：https://www.stayed.cn/item/7508

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案