1.初始化UIScrollView

2.设置初始化出来的UIScrollView的contentSize:

myscrollview.contentSize =CGSizeMake(CGRectGetWidth(self.view.frame)*3, 2);因为我这里有3张图片,所以要它的宽乘以3;

设置滚动视图的分页效果

myscrollview.pagingEnabled =YES;

设置滚动条的样式

myscrollview.indicatorStyle = UIScrollViewIndicatorStyleBlack;

还可以通过 contentOffset 来判断 滚动到第几屏

myscrollview.contentOffset =CGPointMake(CGRectGetWidth(self.view.frame), 0);(运行之后默认在第几屏)

设置是否有反弹效果(默认值是yes 允许看到底图 并有反弹效果):

myscrollview.bounces = NO;

隐藏横向滚动条:

myscrollview.showsHorizontalScrollIndicator =NO;

挂上代理(首先肯定要声明代理):

myscrollview.delegate =self;

添加滚动视图到视图上:

[self.view addSubview:myscrollview];

添加图片

for (int i =0; i<3; i++) {

UIImageView *img = [[UIImageView alloc]initWithFrame:CGRectMake(CGRectGetWidth(self.view.frame)*i, 0, CGRectGetWidth(self.view.frame), CGRectGetHeight(self.view.frame))];

img.image =[UIImage imageNamed:imgs[i]];

[myscrollview addSubview:img];

}//imgs为全局变量UIimageView;

初始化UIPageControl  UIPageControl *pagecontrol =[[UIPageControl alloc]initWithFrame:CGRectMake(0, CGRectGetHeight(self.view.frame)-40, CGRectGetWidth(self.view.frame),40 )];

/设置pagecontrol 的总共多少个页面

pagecontrol.numberOfPages = imgs.count;

//    设置指示的当前页面(默认从0开始)

pagecontrol.currentPage = 1;

//当只有一个页面的时候隐藏pagecontrol

//    pagecontrol.hidesForSinglePage =YES;

//    设置其它小圆点的颜色

pagecontrol.pageIndicatorTintColor =[UIColor orangeColor];

//    设置当前的小圆点的颜色

pagecontrol.currentPageIndicatorTintColor = [UIColor redColor];

pagecontrol.tag =119;

[self.view addSubview:pagecontrol];

滚动结束时候会调用的方法:

- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView{

滚动视图的偏移量:

CGFloat x =scrollView.contentOffset.x;

屏幕的宽:

CGFloat w =CGRectGetWidth(self.view.frame);

偏移量除以宽得到当前页面的页数:

NSInteger curpage =x/w;

UIPageControl *page =(UIPageControl *)[self.view viewWithTag:119];

page.currentPage =curpage;

}

UIScrollView -2(UIScrollView 与 UIPageControl的使用): 分页查看图片的更多相关文章

  1. iOS:UIScrollView控件和UIPageControl控件的详解

    UIScrollView滚动视图控件和UIPageControl分页视图控件:    UIScrollView用于显示多于一个屏幕的内容,超出屏幕范围的内容可以通过滑动进行查看,当然UIPagecon ...

  2. iOS- UIScrollView、UIPageControl分页浏览图片

    1.先介绍下UIScrollView的常见属性 @property(nonatomic) CGPoint contentOffset; // 记录UIScrollView滚动的位置 @property ...

  3. 《ASP.NET1200例》<asp:DataList>分页显示图片

    aspx页面代码 <asp:DataList ID="dlPhoto" runat="server" Height="137px" W ...

  4. C#设计模式总结 C#设计模式(22)——访问者模式(Vistor Pattern) C#设计模式总结 .NET Core launch.json 简介 利用Bootstrap Paginator插件和knockout.js完成分页功能 图片在线裁剪和图片上传总结 循序渐进学.Net Core Web Api开发系列【2】:利用Swagger调试WebApi

    C#设计模式总结 一. 设计原则 使用设计模式的根本原因是适应变化,提高代码复用率,使软件更具有可维护性和可扩展性.并且,在进行设计的时候,也需要遵循以下几个原则:单一职责原则.开放封闭原则.里氏代替 ...

  5. python爬虫 分页获取图片并下载

    --刚接触python2天,想高速上手,就写了个爬虫,写完之后,成就感暴增,用起来顺手多了. 1.源代码 #coding=utf-8 import urllib import re class Pag ...

  6. 阿里云对象存储服务,OSS使用经验总结,图片存储,分页查询

    阿里云OSS-使用经验总结,存储,账号-权限,分页,缩略图,账号切换 最近项目中,需要使用云存储,最后选择了阿里云-对象存储服务OSS.总的来说,比较简单,但是仍然遇到了几个问题,需要总结下. 1.O ...

  7. IOS-UI- UIScrollView 滚动视图(1)

    滚动视图多个页面实现的原理 滚动视图位置不变 内容的位置发生改变. 滚动视图的运用1.分页查看图片 2.查看大图片 3.当内容过多需要一个页面显示,如:注册,修改个人信息等等4.当不希望用户感觉咱们的 ...

  8. UI:UIScrollView、UIPageControl

    一.UIScrollView的常⽤用属性 二.UIScrollView的常⽤用代理方法 三.UIPageControl的使⽤用 四.UIPageControl与UIScrollView的结合使⽤用 U ...

  9. UIScrollView,UIPageControl

    #import <UIKit/UIKit.h> @interface ViewController : UIViewController<UIScrollViewDelegate&g ...

随机推荐

  1. HDOJ --- 1160

    FatMouse's Speed Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others) ...

  2. android camera(二):摄像头工作原理、s5PV310 摄像头接口(CAMIF)

    一.摄像头工作原理 上一篇我们讲了摄像头模组的组成,工作原理,做为一种了解.下面我们析摄像头从寄存器角度是怎么工作的.如何阅读摄像头规格书(针对驱动调节时用到关键参数,以GT2005为例). 规格书, ...

  3. http协议和web本质

    转载:http://www.cnblogs.com/dinglang/archive/2012/02/11/2346430.html http协议和web本质 当你在浏览器地址栏敲入“http://w ...

  4. DevExpress 用户控件 分页(中)

    说明: 1)具体调用请关注 看DevExpress 用户控件 分页(下) datanavi_ButtonClick 是DataNavigator的ButtonClikc事件 视图设计器: 分页用户控件 ...

  5. 是否以某字符串结尾 是否以某字符串开始 是否是整数 裁减字符串空格 是否是浮点数 是否所有字符为数字类型 是否为空 是否是EMAIL 是否是电话号码 身份证号码验证-支持新的带x身份证 日期验证

    /* 1.是否以某字符串结尾 endsWith(theStr,endStr) @param theStr:要判断的字符串 @param endStr:以此字符串结尾 @return boolean; ...

  6. GWT事件与ELEMENT绑定

    GWT提供了DOM工具,利用美工做好的HTML页面,后台人员结合GWT来开发. Element button = DOM.getElementById("button_a"); D ...

  7. Bootstrap-基于jquery的bootstrap在线文本编辑器插件Summernote

    Summernote是一个基于jquery的bootstrap超级简单WYSIWYG在线编辑器.Summernote非常的轻量级,大小只有30KB,支持Safari,Chrome,Firefox.Op ...

  8. HDU1711-----Number Sequence-----裸的KMP

    题目地址:http://acm.hdu.edu.cn/showproblem.php?pid=1711 题目意思: 找出b在a中的起始位置,没有则是-1 解题思路: 裸的KMP,不多说 不会KMP的话 ...

  9. android中数据存储

    android中数据存储     Android 中存储数据的方式有五种:SQLite数据库.文件存储.内容提供者.网络.SharedPreferences(Key----value)五种存储方式. ...

  10. [Angular 2] 8. Better ES5 Code

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...