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. Cocos2d-x学习笔记(十二)3D特效

    特效类即是GridAction类,其实就是基于网格的3D动作类.需开启OpenGL的深度缓冲,否则容易3D失真. 下边是一个snippet,创建网格对象,并将其添加到当前layer:同时,将进行3D特 ...

  2. nginx 跨域解决

    server { listen 8811 default_server; root /opt/bp; # Make site accessible from http://localhost/ ser ...

  3. Qt_DLL_4_MFC

    1.下载地址: https://github.com/qtproject/qt-solutions 2. ZC: 做用于MFC的DLL的时候,app的创建 只能是在 主线程中,不然的话 就会报错... ...

  4. 【Golang】解决Go test执行单个测试文件提示未定义问题

    背景 很多人记录过怎么执行Go test单个文件或者单个函数,但是要么对执行单文件用例存在函数或变量引用的场景避而不谈,要么提示调用了其它文件中的模块会报错.其实了解了go test命令的机制之后,这 ...

  5. angular5 路由传参的几种方式

    此处介绍三种方式 方式一: 问号后面带的参数, 例如:/product?id=1&name=iphone还可以是: [routerLink]="['/books']" [q ...

  6. 1.python+selenium利用cookie,跳过验证码直接登录

    方法1 在登录时,叫代码等待一段时间,然后手动输入验证码 # coding:utf-8 from selenium import webdriver import time url = 'http:/ ...

  7. Confluence 6 快捷键

    快捷键图标. 官方的下载地址为:https://atlassianblog.wpengine.com/wp-content/uploads/2018/01/keyboard-shortcuts-inf ...

  8. git rm删除

    在Git中,删除也是一个修改操作,我们实战一下,先添加一个新文件test.txt到Git并且提交: $ git add test.txt $ git commit -m "add test. ...

  9. MySQL Replication 线程(理解详细过程)

    Replication 线程 Mysql 的Replication 是一个异步的复制过程,从一个Mysql instace(我们称之为Master)复制到另一个Mysql instance(我们称之S ...

  10. 关于vue Unexpected identifier 问题

    vue对于es6虽然自带babel转换 但是在index.html文件中并不会发生转换 因此在index.html中使用新的语法会导致低版本浏览器不识别代码因此报出Unexpected identif ...