UIScrollView

UIScrollView 是可以滚动的视图,UIView本身不能滚动,子类UIScrollView扩展了滚动方面的功能.

UIScrollView 是所有滚动视图的基类.以后的UItableView,UITextView等视图都是继承于该类.

使用场景:显示不下(单张大图);内容太多(图文混排);滚动头条(图片);相册等.

效果如图:

UIScrollView的核心功能:

UIScrollView主要专长两个方面:

滚动:contentSize大于frame.size的时候,能够滚动.

缩放:自带缩放,可以指定缩放倍数.

UIScrollView滚动相关属性

contentSize    //定义内容区域大小,决定是否能够滑动

contentOffset       //视图左上角距离坐标原点的偏移量

scrollToTop      //滑动到顶部(点击状态条的时候)

pagingEnabled    //是否整屏翻动

boundces      //边界是否回弹

scrollEnabled     //是否能够滚动

showsHorizontalScrollIndicator     //控制是否显示水平方向的滚动条

showVerticalScrollIndicator     //控制是否显示垂直方向的滚动条

alwaysBounceHorizontal     //控制水平方向遇到边框是否反弹

alwaysBounceVertical           //控制垂直方向遇到边框是否反弹

minimumZoomScale     //缩小的最小比例

maximumZoomScale     //放大的最大比例

zoomScale    //设置变化比例

zooming     //判断是否正在进行缩放反弹

bouncesZoom     //判断缩放时是否会反弹

要实现缩放,还需要实现delegate,指定缩放的视图是谁。

UIScrollView代理方法

UIPageControl

用于指示当前第几页,通常与UIScollView配合使用

效果如下图红框所示:

UIPageControl

currentPage     //当前页

numberOfPages     //指定页面的个数

UIPageControl父类是UIControl

所以,可以像button一样添加事件,只不过事件触发使用是UIControlEventsValueChanged,而不是UIControlEventsTouchUpInside。

UIPageControl和 UIScrollView相结合

通常在Scrollview滚动的时候修改pageControl的currentPage。如首页的轮播图

总结:

contentSize决定了scrollView能否滚动,contentOffset控制内容区域 的偏移量,pageEnabled控制能否整⻚滚动。

scrollView实现缩放需要指定最⼤缩放系数,最⼩缩放系数,并指定 缩放的视图。

pageControl不单独使⽤,通常与scrollView结合使⽤。

UI基础:UIScrollView、UIPageControl的更多相关文章

  1. iOS开发——UI基础-UIScrollView

    一.UIScrollView使用的步骤 1.创建UIScrollView 2.将需要展示的内容添加到UIScrollView中 3.设置UIScrollView的滚动范围 (contentSize) ...

  2. UI基础 - UIScrollView

    scrollView = [[UIScrollView alloc] initWithFrame:CGRectMake(, , , )]; scrollView.backgroundColor = [ ...

  3. iOS开发UI篇—UIScrollView控件实现图片轮播

    iOS开发UI篇—UIScrollView控件实现图片轮播 一.实现效果 实现图片的自动轮播            二.实现代码 storyboard中布局 代码: #import "YYV ...

  4. 【转】 iOS开发UI篇—UIScrollView控件实现图片轮播

    原文:http://www.cnblogs.com/wendingding/p/3763527.html iOS开发UI篇—UIScrollView控件实现图片轮播 一.实现效果 实现图片的自动轮播 ...

  5. 转发-UI基础教程 – 原生App切图的那些事儿

    UI基础教程 – 原生App切图的那些事儿 转发:http://www.shejidaren.com/app-ui-cut-and-slice.html 移动APP切图是UI设计必须学会的一项技能,切 ...

  6. iOS开发UI篇—UIScrollView控件实现图片缩放功能

    iOS开发UI篇—UIScrollView控件实现图片缩放功能 一.缩放 1.简单说明: 有些时候,我们可能要对某些内容进行手势缩放,如下图所示 UIScrollView不仅能滚动显示大量内容,还能对 ...

  7. iOS开发UI篇—UIScrollView控件介绍

    iOS开发UI篇—UIScrollView控件介绍 一.知识点简单介绍 1.UIScrollView控件是什么? (1)移动设备的屏幕⼤大⼩小是极其有限的,因此直接展⽰示在⽤用户眼前的内容也相当有限 ...

  8. Android UI基础之五大布局

    Android  UI基础之五大布局 Android的界面是有布局和组件协同完成的,布局好比是建筑里的框架,而组件则相当于建筑里的砖瓦.组件按照布局的要求依次排列,就组成了用户所看见的界面.Andro ...

  9. iOS开发UI基础—手写控件,frame,center和bounds属性

    iOS开发UI基础—手写控件,frame,center和bounds属性 一.手写控件 1.手写控件的步骤 (1)使用相应的控件类创建控件对象 (2)设置该控件的各种属性 (3)添加控件到视图中 (4 ...

随机推荐

  1. [原][osg][osgEarth]osg::Matrix 父子节点的变化关系

    //osg::Matrix offsetmatrix 计算出子节点在父节点下的绝对坐标 //osg::Matrix offposition 用来计算当前节点相对父节点的位置 osg::Matrix o ...

  2. RetinaNet论文理解

    引言 介绍 目前精度高的检测器都是基于two-stage,proposal-driven机制,第一阶段生成稀疏的候选对象位置集,第二阶段使用CNN进一步将每个候选位置分为前景或者背景以及确定其类别: ...

  3. BN层

    论文名字:Batch Normalization: Accelerating Deep Network Training by  Reducing Internal Covariate Shift 论 ...

  4. js 中面向对象的多态

    什么是多态: 实际上是不同对象作用与同一操作产生不同的效果.多态的思想实际上是把“想做什么”和“谁去做“分开,多态的好处是什么呢?为什么要多态?我们来看看 Martin Fowler 在<重构: ...

  5. js 文件上传

    <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8&quo ...

  6. Codeforces 197D - Infinite Maze

    197D - Infinite Maze 思路:bfs,如果一个点被搜到第二次,那么就是符合要求的. 用vis[i][j].x,vis[i][j].y表示i,j(i,j是取模过后的值)这个点第一次被搜 ...

  7. json-rpc和restful

    json-rpc是一种动作 restful 是一种资源 RPC 所谓的远程过程调用 (面向方法) SOA 所谓的面向服务的架构(面向消息) REST 所谓的 Representational stat ...

  8. js中如何访问对象和数组

    js中如何访问对象和数组 一.总结 一句话总结:js访问对象点和中括号,访问数组的话就是中括号 对象 . [] 数组 [] 1.js访问对象的两种方式? . [] 可以使用下面两种方式访问对象的属性和 ...

  9. RMQ板子

    对于RMQ这种静态最值询问, 用线段树的话查询过慢, 一般用ST表预处理后O(1)查询, 下以最大值查询为例, 这里假定$n$不超过5e5 void init() { Log[0] = -1; REP ...

  10. nyoj-1367-河南省第十一届省赛-E物流配送-最小费用流

    1367-物流配送 内存限制:128MB 时间限制:8000ms 特判: No通过数:1 提交数:1 难度:4 题目描述: 物流配送是物流活动中一种非单一的业务形式,它与物品流动.资金流动紧密结合.备 ...