UIScrollView 图片分页显示,这里用到了UIPageControl

#import "MJViewController.h"

#define kCount 8  //定义宏,程序中经常使用,方便扩展

@interface MJViewController () <UIScrollViewDelegate>

{

UIPageControl *_pageControl;

}

@end

@implementation MJViewController

- (void)viewDidLoad

{

[super viewDidLoad];

CGFloat w = self.view.frame.size.width;

CGFloat h = self.view.frame.size.height;

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

UIImageView *imageView = [[UIImageView alloc] init];

// 1.设置frame

imageView.frame = CGRectMake(i * w, 0, w, h);

// 2.设置图片

NSString *imgName = [NSString stringWithFormat:@"0%d.jpg", i + 1];

imageView.image = [UIImage imageNamed:imgName];

[_scrollView addSubview:imageView];

}

// height == 0 代表 禁止垂直方向滚动

_scrollView.contentSize = CGSizeMake(kCount * w, 0);

_scrollView.showsHorizontalScrollIndicator = NO;

_scrollView.pagingEnabled = YES;

_scrollView.delegate = self;

// 添加PageControl

UIPageControl *pageControl = [[UIPageControl alloc] init];

pageControl.center = CGPointMake(w * 0.5, h - 20);

pageControl.bounds = CGRectMake(0, 0, 150, 50);

pageControl.numberOfPages = kCount; // 一共显示多少个圆点(多少页)

// 设置非选中页的圆点颜色

pageControl.pageIndicatorTintColor = [UIColor redColor];

// 设置选中页的圆点颜色

pageControl.currentPageIndicatorTintColor = [UIColor blueColor];

// 禁止默认的点击功能

pageControl.enabled = NO;

[self.view addSubview:pageControl];

_pageControl = pageControl;

}

#pragma mark - UIScrollView的代理方法

#pragma mark 当scrollView正在滚动的时候调用

- (void)scrollViewDidScroll:(UIScrollView *)scrollView

{

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

//    NSLog(@"%d", page);

// 设置页码

_pageControl.currentPage = page;

}

@end

时间: 2024-12-20 01:13:48

UIScrollView 图片分页显示,这里用到了UIPageControl的相关文章

ScrollView图片分页显示-简单

用到的控件: 1>UIScrollView:宽度和图片的宽度一样,因为分页的代码就一句 // 设置分页,这个分页的原理实际上是按照ScrollView的宽进行分页的,这里的图片的宽由于和ScrollView的宽式一样的所以刚好分页显示图片了 _scrollView.pagingEnabled = YES; 2>UIImageView:用来放图片的 3>UIPageControl,页码显示控件 ======================= 关键部分:监听ScrollView的滚动,来告诉

如何对sharepoint图片库的文件夹的图片按照时间排序并分页显示

/// <summary> /// 获取图片库第一层文件夹--根据文件夹名称排序 /// </summary> /// <param name="siteUrl"></param> /// <param name="weburl"></param> /// <param name="listID"></param> /// <returns>

Spring mvc整合mybatis基于mysql数据库实现用户增删改查及其分页显示的完整入门实例【转】

Spring mvc整合mybatis例子, 基于mysql数据库实现对用户的增.删.改.查,及分页显示的完整例子. 查询显示用户 添加用户 更新用户 官方验证: 项目截图 必须修改applicationContext.xml中mysql的配置为本地的,否则启动失败. 另外jar包多一个ehcache.jar无关紧要,删除即可. 1. 使用阿里巴巴Druid连接池(高效.功能强大.可扩展性好的数据库连接池.监控数据库访问性能.支持Common-Logging.Log4j和JdkLog,监控数据库

PHP之分页显示数据-新闻系统

一.项目设计 1.项目要求 2.主页面使用frame框架进行设计,内容如下: index.php <span style="font-family:SimSun;font-size:18px;"><html> <frameset rows="80%,20%" frameborder="no" border="0" cols="900px"> <frameset co

分页显示——(一)

1.思路介绍: 先定义一个封装分页数据的泛型工具类,控制层中通过前台传的页数与每页的数量向service要page对象,service层调用dao返回总数并调用dao取出数据(limit关键字),dao层从数据库中取出service层所需要的数据,并提交给service层.这样就达到分页的效果.数据封装在pageBean的list中 2.PageBean工具类(泛型类) package utils; /** * 分页工具类 */ import java.util.ArrayList; impor

Android中ImnageView 中如何让图片拉伸显示?

通过设置android:scaleType="fitXY"使得图片拉伸显示.补充:scaleType的属性有matrix(默认).center.centerCrop.centerInside.fitCenter.fitEnd.fitStart.fitXY.android:scaleType="center"保持原图的大小,显示在ImageView的中心.当原图的size大于ImageView的size,超过部分裁剪处理. android:scaleType=&quo

ueditor编辑文章时候,复制粘贴内容,原来的图片不能显示

ueditor编辑文章时候.当现有文章有图片的时候, 再复制粘贴文本进去的时候.里面的图片就不能显示了, 编辑器查看文章Html代码,图片路径显示为:src="http://localhost/images/net/error!" 正确是:src="http://localhost/images/adc.jpg" 而我用的是自己定义的server的一个路径 查看源代码,发现这块功能是例如以下流程 当粘贴后.UE会将眼下编辑的全部内容中元素又一次赋值属性,即源代码中的

鼠标悬停图片上方显示图片文字

//代码如下 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>鼠标悬停图片上显示文字 在线演示 www.divcss5.com</title> <style> img{border:0}/* css 注释说明:设置图片边框为0 */ body{behavior:url("csshover.htc");text

解决WordPress后台安装主题、插件图片不显示的问题

今天搭建wordpress发现现在主题的时候预览图片都没有了,于是搜索了一下,发现下面的这个方法确实管用,于是转载收藏. 有在WordPress后台安装主题.插件的小伙伴可能会遇到主题.插件图片不显示的问题,这给我们照成了不便.说到底还不是墙的问题,所以咱可以通过修改本地的hosts文件来决解. 决解方法 打开C:\WINDOWS\system32\drivers\etc目录里的hosts文件,将以下代码追加到hosts文件尾并保存,代码来自 Uazoh优佐生活 #wpCDN 93.184.21