UISCrollView和UIPageControl设置左右滑动界面效果

最近刚学习ios,做一个可以左右滑动切换界面的效果,通过看文档和查阅相关资料,实现代码如下:
//
//  ViewController.m
//  PageControlTest
//
//  Created by yons on 14-11-7.
//  Copyright (c) 2014年 yons. All rights reserved.
//

#import "ViewController.h"

@interface ViewController ()

@end

@implementation ViewController
@synthesize scrollView;
@synthesize pageControl;
@synthesize imageArray;

- (void)viewDidLoad {
    [super viewDidLoad];
    [self initScrollViewControl];
}

-(void)initScrollViewControl{
    
    //初始化数组
    self.imageArray = [[NSArray alloc]initWithObjects:@"one.jpg",@"two.jpg",@"three.jpg",@"four.jpg",@"five.jpeg", nil];
    
    //初始化ScrollView  设置相关属性
    self.scrollView = [[UIScrollView alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height)];
    
    //分页效果
    self.scrollView.pagingEnabled = YES;
    
    //设置水平和垂直方向是否有滑动条
    self.scrollView.showsHorizontalScrollIndicator = NO;
    self.scrollView.showsVerticalScrollIndicator = NO;
    
    //设置SCrollView的滑动方向
    self.scrollView.contentSize = CGSizeMake(self.view.frame.size.width*self.imageArray.count,0);
    
    //协议
    self.scrollView.delegate = self;
    [self.view addSubview:self.scrollView];
    
    //设置视图上显示的点
    self.pageControl = [[UIPageControl alloc]initWithFrame:CGRectMake(10, 520, 250, 30)];
    self.pageControl.currentPage = 0;
    self.pageControl.backgroundColor = [UIColor clearColor];
    
    //触发的监听事件
    [self.pageControl addTarget:self action:@selector(changePage:) forControlEvents:UIControlEventValueChanged];
    [self.view addSubview:self.pageControl];
    
    for (int i = 0 ; i < self.imageArray.count ; i++ ) {
        //将相应的图片放到相应的ImageView上
        [self loadImageControl:i];
    }
    
    //设置有几个小点
    self.pageControl.numberOfPages = [self.imageArray count];
    
}

//实现协议的方法,主要是作用在那个点上
-(void)scrollViewDidScroll:(UIScrollView *)sender{

    CGFloat pageWidth = sender.frame.size.width;
    int page = floor((sender.contentOffset.x-pageWidth/2)/pageWidth)+1;
    self.pageControl.currentPage = page;

}

//图片加载到相应的view上
-(void)loadImageControl:(int)index{
    
    //获取图片信息
    UIImageView *imageView = [[UIImageView alloc]initWithImage:[UIImage imageNamed:[self.imageArray objectAtIndex:index]]];
    
    //获取scrollview上面的之类个数
    int pageNum = (int)[[self.scrollView subviews]count];
    
    CGRect rect = self.scrollView.frame;
    rect.origin.y = 0;
    rect.origin.x = self.scrollView.frame.size.width*pageNum;
    imageView.frame = rect;
    
    [self.scrollView addSubview:imageView];
    
}

//滑动触发的监听事件,点击相应的点触发
-(void)changePage:(id)sender{
    int pageCount = (int)self.pageControl.currentPage;
    [self.scrollView setContentOffset:CGPointMake(320*pageCount, self.scrollView.frame.origin.y) animated:YES];
}

@end
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
YOLO高分设计资源源码,详情请查看资源内容中使用说明 YOLO高分设计资源源码,详情请查看资源内容中使用说明 YOLO高分设计资源源码,详情请查看资源内容中使用说明 YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值