UIScrollView(基础篇)

最新推荐文章于 2024-02-15 09:14:44 发布
最新推荐文章于 2024-02-15 09:14:44 发布
阅读量444 收藏
点赞数
分类专栏： 新手 文章标签： ios uiview UIScrollewView
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/P_igMiHu/article/details/53521034
版权
UIScorllView

移动设备的屏幕大小是极其有限的，因此直接展示在用户眼前的内容也相当有限
当展示的内容较多，超出一个屏幕时，用户可通过滚动手势来查看屏幕以外的内容
普通的UIView不具备滚动功能，不能显示过多的内容
UIScrollView是一个能够滚动的视图控件，可以用来展示大量的内容，并且可以通过滚动查看所有的内容
举例：手机上的“设置”、其他示例程序


UIScrollView的基本使用


UIScrollView的使用很简单，直接讲需要显示的UI内容添加到UIScrollView中即可。设置UIScrollView的contentSize属性，告诉UIScrollView所有内容的尺寸，也就是告诉它滚动范围。


UIScrollView无法滚动的原因：1:没有设置UIScrollView的contentSize属性。

          2:UIScrollView的scrollviewEnaael属性为NO。

  3:没有接受到点击事件 userInteractionEnabled属性为NO

  4:在XIB的情况下，没有取消autolayout功能呢。（若要UIScrollView滚动）必须取消此功能


UIScrollView的常见属性


(内容偏移量:内容左上角减去scoreView左上角差的值,用户只要稍微动一下,图片就会再次弹回原始的位置)

@property(nonatomic) CGPoint contentOffset; 


这个属性用来设置UIScrollView能滚动到的范围

@property(nonatomic)CGSize contentSize; 


这个属性用来记录UIScrollView滚到的位置（能在四周添加额外的滚动区域）

@property(nonatomic) UIEdgeInsets contentInset; 


代理

@property(nullable,nonatomic,weak)id<UIScrollViewDelegate> delegate; 


UIScrollView其他属性  


设置UIScrollView是否需要弹簧效果       

@property(nonatomic) BOOL bounces;                        

   

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

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


设置UIScrollView是否能滚动

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


设置是否显示水平滚动条

@property(nonatomic) BOOL showsHorizontalScrollIndicator; 


设置是否显示垂直滚动条

@property(nonatomic)BOOL showsVerticalScrollIndicator;  


touch的时还没有拖动的时候是YES 否则是NO

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


正在缩放的时候是YES 否则是NO

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


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

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


设置手指放开后的减速率

@property(nonatomic) GFloat decelerationRateNS_AVAILABLE_IOS(3_0);


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

@property(nonatomic)CGFloat minimumZoomScale;  


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

@property(nonatomic)CGFloat maximumZoomScale;     



需要动画   第一个参数是你要滚动到的位置 第二个参数是是否要动画效果

       [self.scrollView setContentOffset:CGPointMake(0,self.scrollView.contentOffset.y)animated:YES];

       是否有弹簧效果

       self.scrollView.bounces =NO;

    

       不管有没有contentSize，都能拥有弹簧效果(一般适用于下拉刷新功能，上拉刷新)

       self.scrollView.alwaysBounceVertical= YES; (弹簧效果)

 

       self.scrollView.alwaysBounceHorizontal= YES;(水平效果可以滚来滚去)

    

       是否要显示滚动条

       self.scrollView.showsHorizontalScrollIndicator =NO;

       self.scrollView.showsVerticalScrollIndicator =NO;

    

       self.scrollView.indicatorStyle =UIScrollViewIndicatorStyleWhite;

    

       NSLog(@"%@",self.scrollView.subviews);

    

        [[self.scrollView.subviews firstObject]removeFromSuperview];

 

   /**

     UIControlStateNormal;

     UIControlStateHighlighted;

     UIControlStateDisabled;禁止状态//只能通过enabled=NO达到这个状态

设置userInteractionEnabled=NO，可以禁止一些事件,比如点击和拉拽(意思是禁止和用户交互)

     */


UISCrollView的代理

1.代理一般都是控制器对象

2.代理一般都是id类型 (注意代理是弱指针,如果是强指针会内存泄露)


遵守代理

@interface ViewController ()<UIScrollViewDelegate>


设置代理

scrollview.delegate = self;



/**

 只要视图在滚动就会一直掉用这个方法


 @param scrollView 滚动视图

 */

- (void)scrollViewDidScroll:(UIScrollView *)scrollView

{

    NSLog(@"滚动");

}


/**

 即将开始拖拽的时候调用


 @param scrollView UIScrollView

 */

- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView

{

    

}


/**

用户即将停止拖拽UIScrollView会调用此方法


 @param scrollView 停止拖拽的UIScrollView

 @param velocity 速度

 @param targetContentOffset 内容偏移

 */

- (void)scrollViewWillEndDragging:(UIScrollView *)scrollView withVelocity:(CGPoint)velocity targetContentOffset:(inout CGPoint *)targetContentOffset

{

    NSLog(@"即将停止拖拽");

}


/**

 用户已经停止拖拽UIScrollView掉用这个方法


 @param scrollView 停止拖拽的UIScrollView

 @param decelerate 停止拖拽之后的减速速率

 */

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

{

    NSLog(@"停止拖拽，做减速运动");

}


/**

 UIScrollView即将做减速运动的时候调用


 @param scrollView 做减速的UIScrollView

 */

- (void)scrollViewWillBeginDecelerating:(UIScrollView *)scrollView

{

    NSLog(@"将要开始做减速运动");

}


/**

 结束减速运动时候调用


 @param scrollView UIScrolleView

 */

- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView

{

    NSLog(@"减速运动结束");

}



/**

 结束滚动动画的时候调用


 @param scrollView UIScrollView

 */

- (void)scrollViewDidEndScrollingAnimation:(UIScrollView *)scrollView

{

    

}


/**

 设置缩放视图


 @param scrollView UIScrollView

 @return 缩放视图

 */

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

{

    return nil;

}



/**

 视图开始缩放的时候调用


 @param scrollView UIScrpllView

 @param view 缩放的视图

 */

- (void)scrollViewWillBeginZooming:(UIScrollView *)scrollView withView:(nullable UIView *)view

{

    

}


/**

 结束缩放的时候调用


 @param scrollView UIScrollView

 @param view 缩放的视图

 @param scale 规模

 */

- (void)scrollViewDidEndZooming:(UIScrollView *)scrollView withView:(nullable UIView *)view atScale:(CGFloat)scale

{

    

}




/**

 缩放的时候一直调用


 @param scrollView UIScrollView

 */

- (void)scrollViewDidZoom:(UIScrollView *)scrollView

{

    

}



/**

 滚动视图是否能滚动到顶部


 @param scrollView UIScrollView

 @return YES OR NO

 */

- (BOOL)scrollViewShouldScrollToTop:(UIScrollView *)scrollView

{

    return YES;

}


/**

 滚动到顶部的时候调用


 @param scrollView UIScrolliew

 */

- (void)scrollViewDidScrollToTop:(UIScrollView *)scrollView

{

    

}

UIScrollView和delegate的通信

UIScrollView的内容缩放

当我们用UIScrollView浏览一些内容的时候，有时候需要对内容进行缩放。

UIScrollew不仅能显示大量的内容，还能对其内容进行缩放处理。只要将需要缩放的内容添加到UIScrollew上即可。



缩放实现步骤


跟缩放相关的其他代理方法

准备开始缩放的时候调用 

- (void)scrollViewWillBeginZooming:(UIScrollView *)scrollView withView:(UIView *)view

 

正在缩放的时候调用

- (void)scrollViewDidZoom:(UIScrollView *)scrollView

 

   核心代码:设置内容大小

     contentSize.height == 0 设置为0仅仅代表竖直方向上不能滚动

    self.scrollView.contentSize = CGSizeMake(count * w, 0);





 UIScrollerView的分页功能


 每一页的尺寸都是跟scrollView的frame.size一样的

 self.scrollView.pagingEnabled = YES; 



- (void)scrollViewDidScroll:(UIScrollView *)scrollView

{

     --四舍五入为整数的方法--  (int)(小数 + 0.5)

     0.3  -> (int)(0.3 + 0.5) == 0

     0.4 -> (int)(0.4 + 0.5) == 0

     1.5 -> (int)(1.5 + 0.5) == 2

     0.7 -> (int)(0.7 + 0.5) == 1

     小数加上0.5再转换成整数,这样页码显示的就是正确的页数(仔细想)

    int page = (int)(scrollView.contentOffset.x / scrollView.frame.size.width + 0.5);

    self.pageControl.currentPage = page;

}

 

- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView

{

    int page = scrollView.contentOffset.x / scrollView.frame.size.width;

    self.pageControl.currentPage = page;

}

 

分页

只要将UIScrollView的pageEnabled属性设置为YES，UIScrollView会被分割成多个独立页面，里面的内容就能进行分页展示

一般会配合UIPageControl增强分页效果，UIPageControl常用属性如下 

 

一共有多少页

@property(nonatomic) NSInteger numberOfPages;

当前显示第几页

@property(nonatomic) NSIntegercurrentPage; 

只有一页时，是否需要隐藏页码指示器

@property(nonatomic) BOOL hidesForSinglePage; 

其他页码指示器的颜色

@property(nonatomic,retain) UIColor *pageIndicatorTintColor;

当前页码指示器的颜色

@property(nonatomic,retain) UIColor *currentPageIndicatorTintColor;

 
























P_igMiHu
关注
专栏目录
iOS基础 - UIScrollView
12-30 400
一．UIScrollView使用引导思路。 1.之前我们所学的显示图片是用UIImageView 2.将UIImageView添加到根视图中，不显示的原因：没有设置位置 3.当图片比屏幕大时，直接放在屏幕大小的尺寸中，会被压缩。但是图片会被压缩。 4.我们应该根据图片大小设置UIImageView的尺寸。但是发现屏幕显示的只有图片的一半。 5.怎么才能看的见所有图片内容了，这就需要用到U
UIScrollView
superyuan567的博客
01-31 213
UIScrollView的基本使用 将需要显示的内容添加到UIScrollView中 设置UIScrollView的contentSize属性，告诉UIScrollView所有内容的尺寸，也就是告诉它滚动的范围 //ViewController.m #import "ViewController.h" @interface ViewController () //连线 @property (non...
UIScrollView+UIView无法点击
CC的专栏
08-08 1731
此页面设计时采用UIScrollView+UIView（UITableView）设计时，出现一个bug，视图之外的区域进入可视范围后无法接触到点击事件，原因：UIView的高度没有随着UIScrollView的高度一起变化，同步修改即可修复
ios UIScrollView响应点击事件
weixin_30621919的博客
07-11 192
前言：还是那个图片浏览的demo,利用UIScrollView实现图片的分页显示，现在希望点击每一张图片，都可以跳转到另一个专门对图片进行放大缩小的controller. 面临的问题是：UIScrollView作为一个如此常用的控件，查看UIScrollViewDelegate，只有滑动响应，竟然没有响应点击事件的方法！那么，就只有自己写点击事件了。 事件的具体操作好写，关键是如何把点击事件传...
Qt designer + ScrollArea 实现滚动界面
luoshuai
03-16 9585
Qt designer + ScrollArea 实现滚动界面   最近用Qt designer设计Ui时，需要设计滚动界面，特此记录实现过程。   简单说明一下ScrollArea控件实现滚动的原理：ScrollArea控件下有一个QWidget类型的子控件，如scrollAreaWidgetContents。当ScrollArea控件的尺寸小于scrollAreaWidgetContents的尺寸时，ScrollArea将会显示滚动条。样例可见如下：   打开Qt designer，创建一个测试窗口，拖
ios的控件UIScrollView的位置定位---------逐渐积累
z343929897的专栏
10-24 1万+
UIScrollView的判断位置的属性如下： contentSize：CGSize类型，scrollview可以滑动的区域，例如，一个view的frame为（0，0，320，480），而scrollview的contentSize为（320，1080），则表示scrollView的垂直滑动区域为整个屏幕的3倍。 contentView：scrollview的内容显示区域，一般
iOS UIScrollView不能响应TouchBegin事件的处理方法：
weixin_33795093的博客
11-26 418
原因：UIView的Touch事件被UIScrollview捕获了，所以UIView里面的Touch事件没有响应——————解决方法：将UIScrollview的捕获的Touch事件往上传；————给UIScrollview添加类别：UIScrollView+UITouch.h 代码： #import "UIScrollView+UITouch.h" @implementation U...
iOS开发中使用UIScrollView实现无限循环的图片浏览器
01-04
UIKit框架中有大量的控件供开发者使用，在iOS开发中不仅可以直接使用这些控件还可以在这些控件的基础上进行扩展打造自己的控件。在这个系列中如果每个控件都介绍一遍确实没有必要，所谓授人以鱼不如授人以渔，这里会...
iOS基础——通过案例学知识之LaunchScreen、APPIcon、StatusBar、UIScrollView、UIPageControl
03-05
本篇文章将深入探讨五个关键概念：LaunchScreen、APPIcon、StatusBar、UIScrollView以及UIPageControl，并通过具体案例来加深理解。 首先，让我们来了解**LaunchScreen**。LaunchScreen是应用启动时显示的屏幕，它...
ios UIScrollView响应touch事件
10-17
本篇文章将深入探讨`UIScrollView`如何响应`touchEvent`事件，以及`move`与`touchMove`共存的情况。 首先，`touchEvent`是iOS中的触摸事件模型，它包含了用户对屏幕的触摸操作，如按下、移动和抬起等。在`...
UIScrollView 国外牛人写的
03-02
这篇关于“UIScrollView 国外牛人写的”的资源很可能是一个深入讲解或扩展了UIScrollView功能的教程或代码库，其效果被高度评价。从提供的压缩文件名来看，可能包含了Josh Grenon编写的PullToRefresh功能的实现，这...
Cocos2dx-lua ScrollView[一]基础篇
最新发布
ellis1970的博客
02-15 1125
cocos游戏中ScrollView控件大量使用，95%以上的项目都会使用ScrollView，个别游戏可能全部使用翻页的滑动效果。如果想要精通Cocos的UI开发，精通ScrollView控件非常关键，因此对ScrollView的使用进行总结很有必要
UIScrollView无法响应touch事件的解决办法
Jacky Shin的专栏
10-15 5308
下面这个方法使用的地方很多， 比如在一个UITextView中要加上点击方法，如在这个UITextView的左边和右边点击的事件分别为向上和向下翻页，估计就可以使用下面这个方法。不过尚进行进行验证。 转 自：http://blog.csdn.net/volcan1987/article/details/6677370 用过UIScrollView的都会发现UIScrollV
android中ScrollView的setOnClickListener无效
吟游诗人——吟唱生命的不朽
02-22 4528
近来意欲开发一款立Flag的APP，有一个部分类似便签，需要一个EditText，而这个EditText外边又套了一个ScrollView（不用ScrollView的话，内容如果超出屏幕，也可以滑动，不过我需要插入图片，如果不用ScrollView的话体验不好，这里不详细赘述），布局如下： &lt;ScrollView android:id="@+id/sv_edit_vie...
解决UIScrollView，UIImageView等控件不能响应touch事件的问题
hbblzjy的博客
07-22 4488
关于UIScrollView，UIImageView等控件不能响应touch事件，主要涉及到事件响应者链的问题，如果在UIScrollView，UIImageView等控件添加了子View，这样事件响应将会被UIScrollView，UIImageView等控件终止，而且这些控件的userInteractionEnabled属性默认的是NO，所以想要解决使用触摸事件，我通过两种方法进行解决。 方
UIScrollview下面的UIButton不能点击的问题
eliaozi的博客
11-22 3016
今天碰到UIScrollview下面挂的UIView,UIView下面又加了一组UIButton,发现UIButton不能响应点击 解决方案:将Delays Content Touches置成NO
QScrollArea的基本使用
qq_42123832的博客
06-30 1303
使用框架生成一个Qt Widgets Application，基类选择QWidget，取消生成ui文件 然后在widget.cpp文件中下下如下代码： #include "widget.h" #include <QScrollArea> #include <QVBoxLayout> #include <QPushButton> Widget::Widget(QWidget *parent) : QWidget(parent) { QScrollArea
QT的自动滚动区QScrollArea的用法，图文详解
热门推荐
liji_digital的博客
02-12 4万+
转自 https://blog.csdn.net/qq_31073871/article/details/83117430 QScrollArea属于控件容器类，可以直接在ui中拖出来。 对于QScrollArea，最难搞懂的就是：如何控制它，才能让它在我们想要出现滚动条的时候出现滚动条。 我们拖入一个QScrollArea，再向他里面拖入4个button，观察信息如下： 可以发现...
UIScrollview masory
06-06
UIScrollView的Masonry使用方法与其他UIView的使用方法基本相同，只需要将约束添加到UIScrollView的contentView上即可。 下面是一个简单的示例代码： ``` [self.view addSubview:self.scrollView]; [self....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值