ios 图片自动轮播

#import "NYViewController.h"

#define kImageCount 5

@interface NYViewController () <UIScrollViewDelegate>
@property (nonatomic, strong) UIScrollView *scrollView;
@property (nonatomic, strong) UIPageControl *pageControl;

@property (nonatomic, strong) NSTimer *timer;
@end

@implementation NYViewController

//懒加载加载scrollView
-(UIScrollView *)scrollView
{
    if (_scrollView == nil) {
        _scrollView = [[UIScrollView alloc]initWithFrame:CGRectMake(10, 20, 300, 130)];
        _scrollView.backgroundColor = [UIColor redColor];

        [self.view addSubview:_scrollView];

        //contentSize
        //高度为0 只水平滚动
        self.scrollView.contentSize = CGSizeMake(kImageCount * _scrollView.bounds.size.width, 0);

        //取消弹簧效果
        _scrollView.bounces = NO;

        //取消滚动条
        _scrollView.showsHorizontalScrollIndicator = NO;//水平
        _scrollView.showsVerticalScrollIndicator = NO;//竖直

        //要分页
        _scrollView.pagingEnabled = YES;

        //设置代理
        _scrollView.delegate = self;

    }
    return _scrollView;
}

-(UIPageControl *)pageControl
{
    if (_pageControl == nil) {
        //分页控件,本质上和scrollView没有任何关系,是两个独立的控件
        _pageControl = [[UIPageControl alloc]init];

        //总页数
        _pageControl.numberOfPages = kImageCount;
        //控件尺寸
        CGSize size = [_pageControl sizeForNumberOfPages:kImageCount];

        _pageControl.bounds = CGRectMake(0, 0, size.width, size.height);
        _pageControl.center = CGPointMake(self.view.center.x, 130);

        //设置颜色
        _pageControl.pageIndicatorTintColor = [UIColor redColor];
        _pageControl.currentPageIndicatorTintColor = [UIColor blackColor];

        [self.view addSubview:_pageControl];

        //添加监听方法
        /**在OC中,绝大多数“继承UIControl控件”,都可以监听UIControlEventValueChanged事件,只有button除外,button是点得,是touchup。。。*/
        [_pageControl addTarget:self action:@selector(pageChanged:) forControlEvents:UIControlEventValueChanged];
    }
    return _pageControl;
}

//分页控件的监听方法
-(void)pageChanged:(UIPageControl *)page
{
    //根据页数,调整滚动视图中得图片位置contentOffset
    CGFloat x = page.currentPage * self.scrollView.bounds.size.width;
    [self.scrollView setContentOffset:CGPointMake(x, 0) animated:YES];
}

- (void)viewDidLoad
{
    [super viewDidLoad];

    //设置图片
    for (int i = 0; i<kImageCount; i++) {
        NSString *imageName = [NSString stringWithFormat:@"img_%02d", i+1 ];
        UIImage *image = [UIImage imageNamed:imageName];

        UIImageView *imageView = [[UIImageView alloc] initWithFrame: self.scrollView.bounds];
        imageView.image = image;

        [self.scrollView addSubview:imageView];
    }

    //计算imageView的位置
    [self.scrollView.subviews enumerateObjectsUsingBlock:^(UIImageView *imageView, NSUInteger idx, BOOL *stop) {
        //调整x =》 origin =》frame
        CGRect frame = imageView.frame;
        frame.origin.x = idx * frame.size.width;
        imageView.frame = frame;

    }];

    //分页初始页数为0
    self.pageControl.currentPage = 0;

    //启动时钟
    [self startTimer];

}

/**启动时钟*/
-(void)startTimer
{
    self.timer = [NSTimer scheduledTimerWithTimeInterval:2.0 target:self selector:@selector(updateTimer) userInfo:nil repeats:YES];

    //添加运行循环
    [[NSRunLoop currentRunLoop]addTimer:self.timer forMode:NSRunLoopCommonModes];

}

-(void)updateTimer
{
    //页号发生变化
    //(当前页数 + 1) % 总页数
    int page = (self.pageControl.currentPage+1) % kImageCount;
    self.pageControl.currentPage = page;
    //调用监听方法。让滚动视图滚动
    [self pageChanged:self.pageControl];
}

#pragma mark - scrollView的代理方法

//滚动视图停下来
-(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView
{
    // 停下来的当前页数,通过contentOffset获取当前偏移量
    NSLog(@"%@",NSStringFromCGPoint(scrollView.contentOffset));

    //计算页数
    int page = scrollView.contentOffset.x/scrollView.bounds.size.width;

    self.pageControl.currentPage = page;

}

/**
 抓住图片时,停止时钟,松手后,开启时钟
 */
-(void)scrollViewWillBeginDragging:(UIScrollView *)scrollView
{
    //停止时钟,停止后就不能在使用,如果要启用时钟,需要重新实例化
    [self.timer invalidate];
}

-(void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate
{
    //启动时钟
    [self startTimer];

}
@end
时间: 2024-10-15 21:50:45

ios 图片自动轮播的相关文章

Viewpager图片自动轮播,网络图片加载,图片自动刷新

package com.teffy.viewpager; import java.util.ArrayList; import java.util.concurrent.Executors; import java.util.concurrent.ScheduledExecutorService; import java.util.concurrent.TimeUnit; import android.annotation.SuppressLint; import android.app.Act

简易图片自动轮播

根据前段时间学的大图轮播,自己做了一个简单的图片自动轮播 代码如下 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> #body { width: 90%; border: 1px solid red; height: 1000px; margin: 0px auto; } #stage { widt

ViewPager + Handler 实现的图片自动轮播

首先上图看效果 我也是在网上看各种大牛们做的效果,很多都是自定义重写了一些控件来实现这个效果的.我把其中的一位大牛写的ViewPager的效果加上了Handler实现了自动轮播效果,在此做个笔记来以后温习使用! 自动轮播的核心代码如下: private final int AUTO_MSG = 1; private final int HANDLE_MSG = AUTO_MSG + 1; private static final int PHOTO_CHANGE_TIME = 1000;//定时

js实现图片自动轮播

今天有人问我这个问题,我就顺便把这个记下来,分享给大伙. 如图,就是图片自己轮播,并且图中中下方的白点也发生变化,图片到哪,白点就到哪,就直接上代码了 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www

iOS 有关自动轮播图片

//初始化当前视图 _currentImageView = [[UIImageView alloc] init]; [_currentImageView setImageWithURL:[NSURL URLWithString:[array_pic objectAtIndex:0]]]; _currentImageView.frame = CGRectMake(myScroller.frame.size.width, 0, myScroller.frame.size.width,180); //

ViewPager图片自动轮播加原点

Layout_Xml activity_main.xml <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_p

图片自动轮播(一)---2017-04-05

一张一换,其他的都隐藏着: 第一种:利用td表格: </head><style>*{ margin:0px; padding:0px;}#datu{ width:200px; height:100px; border: 1px solid #000; overflow:hidden; position:relative; margin: 50px 50px;}#aa{ position:relative; top:0px; left:0px; transition:0.5s;}&l

Wpf实现图片自动轮播自定义控件

近来,公司项目需要,需要写一个自定义控件,然后就有下面的控件产生.样式没有定义好,基本功能已经实现.1.创建为自定义控件的XAML页面.下面为后台代码 using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading; using System.Windows; using System.Windows.Controls; using Syste

CSS3实现图片自动轮播效果

首先来看一下效果:(这部电影画风好温柔...) 1.先在<body>里把图片贴进来,每个li下面再给一个标题 1 <ul class="name"> 2 <li> 3 <span><img src="img/img01.jpg" alt="" /></span> 4 <div><h3>哈尔的移动城堡</h3></div> 5 &