文档章节

01-UI基础-04-00-UIScrollView

口十耳
 口十耳
发布于 2016/01/04 17:05
字数 1191
阅读 22
收藏 0

##继承关系 Inherits From

##1、 基本概念 ###1.1 什么是UIScrollView

  • 移动设备的屏幕大小是有限的,现在直接展示用户眼前的内容也相当有限
  • 砀山是的内容较多,超出一个屏幕时,用户可通过滚动手势来查看屏幕以为的内容
  • 普通的UIView是不具备滚动功能,不能显示过多内容
  • UIScrollView是一个能滚动的可视化控件,可以用来展示内容,并且用来展示大量的内容,并且可以通过滚动查看所有内容
  • 举例:手机上的“设置”

###1.2 UIScrollView的基本使用

  • 将需要展示的内容添加到UIScrollView中
  • 设置UIScrollView的contentSize属性,告诉UIScrollView所有内容的尺寸,也就是告诉他滚动范围

###1.3 无法滚动的解决办法

  • 没有设置contentSize属性
  • scrollEnabled = NO
  • 没有接收到触发事件:userInteractionEnabled = NO
  • 没有取消autolayout功能

##2、 UIScrollView代理(delegate) ###2.1 基本常识

  • 很多时候,我们想在UIScrollView滚动到某个位置或者停止滚动的时候做一写特定的操作。
  • 要想完成上面的功能,前提条件就是实施监听到UiScrollView的整个滚动过程
  • 当UiScrollView发生一些列的滚动操作时,会自动通知它的代理(delegate)
  • 要想监听UIScrollView的滚动过程,就必须给UIScrollView设置一个代理对象,然后通知UIScrollView滚动的过程。
@property (nonatomic,assign) id <UIScrollViewDelegate>
  • UIScrollView与delegate之间的通讯应该为下图所示

示意图 可以看出,要想成为UIScrollView的得了gate必须实现对应方法才能监听UIScrollView的滚动过程

  • UIScrollView将delegate需要实现的放大都定义在UIScrollViewDelegate协议中,因此只要遵守UIScrollViewDelegate协议,然后实现协议中相应地方法,就可以监听UIScrollView的滚动过程。

###2.2 代理设计模式的好处

  1. 监听的思想:让一个对象A监听另一个对象B的状态
  2. 通知的思想:一个对象B发生改变,实时通知对象A

##3、 UIScrollView与控制器

  • 一般情况下,就设置UIScrollView所在的控制器为UIScrollView的delegate

  • 设置控制器为UIScrollView的delegate的方法有两种

    • 代码(selt就是控制器)
    	self.srollView.delegate = self; 
    
    • 通过storyboard拖线
  • 然后,控制器应该最受UIScrollViewDelegate协议

  • 最后,试下协议中定义的相关方法

##4、 UIScrollView的属性 ###4.1 基本属性 基本属性

  • 这个属性用来表示UIScrollView的滚动位置
@peoperty (nonatomic) CGPoint contentOffset;
  • 这个属性用来表示UIScrollView内容尺寸,滚动范围
@peoperty (nonatomic) CGSize contentSize;
  • 这个属性能够在UIScrollView的4周增加额外的滚动区域
@peoperty (nonatomic) UIEdgeInsets contentInset;

###4.2 其他属性

  • 设置UIScrollView是否需要弹簧效果
@property(nonatomic) BOOL bounces;
  • 设置UIScrollView是否能滚动
@property(nonatomic,getter=isScrollEnabled) BOOL scrollEnabled; 
  • 是否显示水平滚动条
@property(nonatomic) BOOL showsHorizontalScrollIndicator;
  • 是否显示垂直滚动条
@property(nonatomic) BOOL showsVerticalScrollIndicator;

##5、 内容缩放 ###5.1 UIScrolView缩放原理

  • 当用户在UIScrollView上使用捏合手势时,UIScrollView会给代理发送一条消息,询问代理究竟要缩放自己内部的哪一个子控件(哪一块内容)
  • 当用户使用捏合手势时,UIScrollView会调用代理的viewForZoomingInScrollView:方法,这个方法放回的空间就是需要进行缩放的控件

###5.2 缩放的实现步骤

  1. 设置UIscrollView的id<UIScrollViewDelegate> delegate代理
  2. 设置minimumZoomScale,最小缩放比例
  3. 设置maximumZoonScale,最大缩放比例
  4. 让代理实现下面的方法,返回需要缩放的视图控件
- (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView;

###5.3 跟缩放相关的其他方法

  • 缩放完毕时调用
- (void)scrollViewWillBeginZooming:(UIScrollView *)scrollView withView:(UIView *)view;
  • 正在缩放时调用
- (void)scrollViewDidZoom:(UIScrollView *)scrollView

##6、 UIPageControl(分页)

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

  • 一般配合UIPageControl增强分页效果,UIPageControl属性如下

    • 一共有多少页
    	@property (nonatomic) NSInteger numberOfOages;
    
    • 当前显示页码
    	@property (nonatomic) NSInteger currentPage;
    
    • 只有一页时,是否需要隐藏页码指示器
    	@property (nonatomic) BOOL hidesForSinglePage;
    
    • 其他页码指示器颜色
    	@property (nonatomic,retain) UIColor *pageIndicatorTintColor;
    
    • 当前页码指示器颜色
    	@property (nonatomic,retain) UIColor *currentPageIndicatorTintColor;
    

##7、 NSTimer 计时器 ###7.1 作用

  • 在指定的时间执行指定的任务
  • 每隔一段时间执行指定的任务

###7.2 调用过程

  • 开启定时器
+ (NSTimer *)scheduledTimerWithTimeInterval:(NSTimeInterval)titarget:(id)aTarget
			 									selector:(SEL)aSelector
 												userInfo:(id)userInfo
			 									repeats:(BOOL)yesOrNo;
  • 停止定时器(通过invalidate方法可以停止定时器的工作,一旦定时器被停止,就不能再被执行任务。只能在创建一个新的定时器才能指向新的任务)
- (void)invalidate;

© 著作权归作者所有

口十耳
粉丝 6
博文 70
码字总数 66916
作品 0
浦东
高级程序员
私信 提问
iPhone X 下关闭 UIScrollView 自动调整 ContentInset

项目开发了三分之一,才想到在 iPhone X 上去跑一跑,一跑吓一跳,各种 UI 上的布局错误。本着尽快将问题消灭在萌芽阶段,于是接下去决定使用 iPhone X 作为默认模拟器去开发。本篇介绍修复一...

I'm TualatriX
2017/11/29
0
0
项目进度会议纪要-03.30.2015

研发目标: 06.01-完成功能完整、性能稳定、美术齐配的产品版本。 (产品测试为时间2周,产品制作必须在05.15前完成) 工作总量: 程序: 01.游戏战斗部分完善 02.代码重构 03.开发新需求 04...

索亚之息
2015/03/30
8
0
如何用 SQL 的方式打开 Pandas?

作者 | 王伟同学 责编 | 郭芮 Pandas是一个非常方便的数据处理、数据分析的类库,也是每个Pythoner 做数据分析必备的神器。但不可否认的是,不是所有的程序员都会Python,也不是所有的Pytho...

CSDN资讯
2018/09/16
0
0
借网站日记分析~普及一下Pandas基础

对网站日记分析其实比较常见,今天模拟演示一下一些应用场景,也顺便说说Pandas,图示部分也简单分析了下 1.数据清洗¶ 一般数据都不可能直接拿来用的,或多或少都得清理一下,我这边就模拟一...

鲲逸鹏
2018/08/02
0
0
会议纪要-03.17.2015

曾艳明: 01.完成数据模块(玩家表,模板表) 02.推塔系统(基础信息部初始化部分50%) 杨祁博: 01.完成推塔初始化 02.完成推塔主界面 卢凯庆: 00.替换主城和UI 00.配合若希使用剧情编辑器...

索亚之息
2015/03/17
5
0

没有更多内容

加载失败,请刷新页面

加载更多

观点 | 用 MySQL 数据库,到底会不会被“卡脖子”?

>作者:明溪源 **用 MySQL 数据库,到底会不会被“卡脖子”?** 在近期不明朗的贸易形势下,一些正在规划数据库选型、迁移的用户,纷纷询问我们对 MySQL 未来前景的看法。那么使用 MySQL 数据...

爱可生
29分钟前
10
0
千万级流量架构下的负载均衡解析

一、负载均衡 负载均衡算法 转发实现 二、集群下的 Session 管理 Sticky Session Session Replication Session Server 一、负载均衡 集群中的应用服务器(节点)通常被设计成无状态,用户可以...

李红欧巴
33分钟前
78
0
一元建站-基于函数计算 + wordpress 构建 serverless 网站

前言 本文旨在通过 快速部署一个 wordpress 网站到阿里云函数计算平台 这个示例来展示 serverless web 新的开发模式, 包括 FUN 工具一键初始化 NAS, 同步网站到 NAS, 一键部署等能力, 展现函...

阿里云官方博客
35分钟前
5
0
Spring Security 整合JWT(四)

一、前言 本篇文章将讲述Spring Security 简单整合JWT 处理认证授权 基本环境 spring-boot 2.1.8 mybatis-plus 2.2.0 mysql 数据库 maven项目 Spring Security入门学习可参考之前文章: Spri...

郑清
36分钟前
8
0
零基础怎么玩转可视化大屏?这个工具只需5步!

大屏可视化怎么这么火?领导天天要,业务人员、开发人员、IT页面师就得一块熬夜加班,要是不会做大屏,都不好意思说自己做报表、做IT。 也许有人会告诉你,可视化大屏可以用JS+Ecahrts编程实...

朕想上头条
38分钟前
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部