文档章节

图片轮播器

 谁知相恋最长情
发布于 2016/07/03 16:13
字数 447
阅读 9
收藏 0

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>>

先说说原理思路:

如下图:

在展示代码:

#import "ViewController.h"

#define kImageCount 4

@interface  ViewController ()<UIScrollViewDelegate>

//滚动视图的控件

@property(nonatomic,strong)UIScrollView* scroll;

//页码指示视图的控件

@property(nonatomic,strong)UIPageControl* pageControl;

 //显示左边图片的控件

@property(nonatomic,strong)UIImageView* LeftImageView;

//显示中心图片的控件

@property(nonatomic,strong)UIImageView* centerImageView;

//显示右边图片的控件

@property(nonatomic,strong)UIImageView* rightImageView;

//保存图片的数组

@property(nonatomic,strong)NSArray* imageArray;

 //图片的当前下标索引

@property(nonatomic,assign)int currentIndex;

 //图片总数

@property(nonatomic,assign)int imageCount;

 

@end

 

@implementation ViewController

- (void)viewDidLoad{

    [super viewDidLoad];

    self.view.backgroundColor=[UIColor blackColor];

    self.currentIndex=0;

    [self createScrollView];

    [self createPageControl];

    [self createImageView];

    [self loadImage];

    [self setImageByIndex:self.currentIndex];

}

 

 #program Mark --以下是搭建UI界面的方法

-(void)loadImage{

    self.imageArray=@[@"0.jpg",@"1.jpg",@"2.jpg",@"3.jpg"];

    self.imageCount=self.imageArray.count;

}

-(void)createScrollView

{

    self.scroll=[[UIScrollView alloc]initWithFrame:CGRectMake(0, 180, 320, 220)];

    self.scroll.backgroundColor=[UIColor redColor];

    self.scroll.showsHorizontalScrollIndicator=NO;

    self.scroll.showsVerticalScrollIndicator=NO;

    self.scroll.pagingEnabled=YES;

    self.scroll.bounces=NO;

    self.scroll.delegate=self;

    self.scroll.contentOffset=CGPointMake(320, 0);

    self.scroll.contentSize=CGSizeMake(320*kImageCount, 220);

    [self.view addSubview:self.scroll];

}

-(void)createPageControl

{

    self.pageControl=[[UIPageControl alloc]initWithFrame:CGRectMake(130, 568*0.9, 60, 20)];

    self.pageControl.currentPageIndicatorTintColor=[UIColor redColor];

    self.pageControl.pageIndicatorTintColor=[UIColor blueColor];

    self.pageControl.enabled=YES;

    self.pageControl.numberOfPages=kImageCount;

    [self.view addSubview:self.pageControl];

}

-(void)createImageView

{

    self.LeftImageView=[[UIImageView alloc]initWithFrame:CGRectMake(0, 0, 320, 220)];

    [self.scroll addSubview:self.LeftImageView];

    

    self.centerImageView=[[UIImageView alloc]initWithFrame:CGRectMake(320, 0, 320, 220)];

    [self.scroll addSubview:self.centerImageView];

    

    self.rightImageView=[[UIImageView alloc]initWithFrame:CGRectMake(640, 0, 320, 220)];

    [self.scroll addSubview:self.rightImageView];

}

#pragma mark ----刷新图片

-(void)refreshImage

{

    if (self.scroll.contentOffset.x>320) {

        self.currentIndex=((self.currentIndex+1)%self.imageCount);

    }

    else if(self.scroll.contentOffset.x<320){

        self.currentIndex=((self.currentIndex-1+self.imageCount)%self.imageCount);

    }

    [self setImageByIndex:self.currentIndex];

}

#pragma mark ----该方法根据传回的下标设置三个ImageView的图片

-(void)setImageByIndex:(int)currentIndex

{

    NSString* curruntImageName=[NSString stringWithFormat:@"%d.jpg",currentIndex];

    self.centerImageView.image=[UIImage imageNamed:curruntImageName];

    NSLog(@"当前页的名字是:%@",curruntImageName);

    

    self.LeftImageView.image=[UIImage imageNamed:[NSString stringWithFormat:@"%d.jpg",((self.currentIndex-1+self.imageCount)%self.imageCount)]];

    NSLog(@"左边的图片名字是:%@",[NSString stringWithFormat:@"%d.jpg",((self.currentIndex-1+self.imageCount)%self.imageCount)]);

    

    self.rightImageView.image=[UIImage imageNamed:[NSString stringWithFormat:@"%d.jpg",((self.currentIndex+1)%self.imageCount)]];

    NSLog(@"右边的图片名字是:%@",[NSString stringWithFormat:@"%d.jpg",((self.currentIndex+1)%self.imageCount)]);

    self.pageControl.currentPage=currentIndex;

}

#pragma mark ----UIScrollViewDelegate代理方法(停止加速时调用)

- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView

{

    [self refreshImage];

    self.scroll.contentOffset = CGPointMake(320,0);

    self.pageControl.currentPage = self.currentIndex;

    NSLog(@"停止了加速,停在第%d页",self.pageControl.currentPage+1);

}

                                          第三部分   程序截图:

© 著作权归作者所有

粉丝 0
博文 18
码字总数 9286
作品 0
程序员
私信 提问
图片轮播器切换视图控制器Bug

图片轮播器在偏移至该位置(如下图)时切换视图控制器,返回轮播器所在控制器时,会以该偏移量进行偏移(即:下一张图片 仍然是 一半一半显示两张图片). 使用的是三张图片实现多图轮播. 请问这样的...

Stream_wang
2016/03/11
148
1
iOS-几行代码实现登录页Fade效果的图片轮播

关于图片轮播器的思路,大部分人会直接想到或者使用极大数设置的思路,这种方式很适合需要效果的轮播器。但是如果单纯的支持登录页的话,我今天分享一种新的思路去实现Fade轮播效果:只使用!...

Tr2e
2016/12/06
0
0
OC的自动图片轮播器封装成第三方控件(一)

github最终代码地址 写代码的几个注意点 1.第一个实现非自动循环的轮播器(具体的实现步骤请点此传送门) 1.需要几张图片 2.设置xib时有一注意点,那就是pageControl控件显示在UIImageView上,...

AppleDream
2016/05/09
214
0
UI中如何用纯代码的方式来实现一个图片轮播器

图片轮播器 • 实现思路: • 1. 添加 UIScrollView • 2. 动态向 UIScrollView 中添加图片框(横向) • 3. 设置 UIScrollView 的 contentSize 实现滚动, 实现横向滚动 • 4. 实现分页 • 5....

DXSmile_大熊
2016/01/02
32
0
ios中导航控制器和图片轮播器的问题

UITabBarController下边是UINavigationController然后这个导航控制器的子控制器是一个UIViewController 在这个控制器上写了一个图片轮播器,每一次加载后,图片轮播器的imageview会下移(只限...

拜师学艺-请赐教
2015/05/28
371
0

没有更多内容

加载失败,请刷新页面

加载更多

如何更改iOS应用程序的名称?

我前几天用一个愚蠢的开发代码名称开始了一个iPhone项目,现在我想改变项目的名称,因为它已经接近完成了。 但是我不知道如何使用Xcode来做这件事,尝试在info.plist文件中更改应用程序的名称...

技术盛宴
20分钟前
2
0
关于win10tensorflow的配置(CPU+GPU)

主要内容 CPU篇 GPU篇 【前期准备与注意事项】 环境:window1064位+python36(37)+CUDA9.0+cuDNN7.6+tensorflow_gpu-1.12.0 软件:anaconda+pycharm 硬件:有nvidia显卡的笔记本或台式(非A...

放只虎归个山
28分钟前
1
0
C#中的多行字符串文字

有没有一种简单的方法可以在C#中创建多行字符串文字? 这是我现在所拥有的: string query = "SELECT foo, bar"+ " FROM table"+ " WHERE id = 42"; 我知道PHP有 <<<BLOCKBLOCK; C#是......

javail
35分钟前
3
0
微信支付之小微商户扫盲!支持信用卡,免营业执照!

微信支付商户申请面向线下小微商户开放,符合条件的微信支付服务商可为小微商户发起接入申请。无需营业执照。 小微商户日收款额度为5万元~30万元 。 信用卡支付日限额为1千;月限额1万。 结算...

吴伟祥
今天
4
0
大话SDWebImage(三)-- 图片下载层

四、图片下载层 SDWebImageDownloader是处理图片下载的类 4.1 图片下载步骤 首先介绍下dispatch_barrier,GCD中的dispatch_barrier目的是在并发队列实现串行的效果,创建下载任务SDWebImageD...

aron1992
今天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部