UI_UIScrollView/UIpageControl

原创 2015年07月07日 22:10:33

创建UIScrollView

@property(nonatomic, retain) UIScrollView *scrollView;
@property(nonatomic, retain) UIImageView *opeImageView;
@property (nonatomic, retain)UIPageControl *pageControl;
#pragma mark - 创建滑动视图  UIScrollView
- (void)createScrollView
{
    self.scrollView = [[[UIScrollView alloc] initWithFrame:[UIScreen mainScreen].bounds] autorelease];
    self.backgroundColor = [UIColor grayColor];

    // contentSize 决定了scrollView 滑动范围的大小
    _scrollView.contentSize = CGSizeMake(6 * KScreenWidth, KScreenWidth);

    // 是否显示滚动条 默认显示
    self.scrollView.showsHorizontalScrollIndicator = YES; // 水平
    self.scrollView.showsVerticalScrollIndicator = YES;  // 竖直

    // 整页反动 默认 NO
    _scrollView.pagingEnabled = YES;

    // 回弹效果 默认 YES
    _scrollView.bounces = YES;

    // 设置 scrollView 的偏移量 默认是 (0,0)
    _scrollView.contentOffset = CGPointMake(KScreenWidth, 0);

    // 点击滚动条回到顶部
    _scrollView.scrollsToTop = YES;

    // 是否允许拖动 默认 YES
    _scrollView.scrollEnabled = YES;

    [self addSubview:_scrollView];
    [self.scrollView release];
}

创建UIPageControl

#pragma mark - 创建 UIPageControl
- (void)createPageControl
{
    self.pageControl = [[UIPageControl alloc] initWithFrame:CGRectMake(120, KScreenHeight - 100, 160, 30)];

    // 设置小点的个数
    self.pageControl.numberOfPages = 6;

    // 设置小点颜色
    self.pageControl.pageIndicatorTintColor = [UIColor redColor];

    // 改变选中小点的颜色
    self.pageControl.currentPageIndicatorTintColor = [UIColor greenColor];

    [self addSubview:self.pageControl];
    [self.pageControl release];
}

创建引导多张图片

#pragma mark - 创建引导多张图片
- (void)createLeadPageImage
{
    for (int i = 0; i < 5; i++) {

        NSString *name = [NSString stringWithFormat:@"bg_%d.jpg",i];

        UIImageView *imageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:name]];
        imageView.frame = CGRectMake(i * KScreenWidth, 0, KScreenWidth, KScreenHeight);
        [self.scrollView addSubview:imageView];
        [imageView release];
    }
}

创建 ImageView

#pragma mark - 创建 ImageView
- (void)createOpeImageView
{
    self.opeImageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"bg_4"]];
    self.opeImageView.frame = CGRectMake(0, 0, 375, 667);
    [self.scrollView addSubview:_opeImageView];
    [_opeImageView release];
}

实现代理

@interface RootViewController () <UIScrollViewDelegate>
- (void)viewDidLoad {
    [super viewDidLoad];

    NSLog(@"%@", self.view);


    // 设置scrollView 的代理
    self.rootView.scrollView.delegate = self;

    // 设置最大的缩放比例
    self.rootView.scrollView.maximumZoomScale = 3;

    // 设置最小的缩放比例
    self.rootView.scrollView.minimumZoomScale = 0.3;
}

代理方法

#pragma mark - scroolView 滑动的时候会触发方法
- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
//    NSLog(@"滑动");

    // 图片带动小点移动
    NSInteger index =  self.rootView.scrollView.contentOffset.x / KScreenWidth;
    self.rootView.pageControl.currentPage = index;
    // pageControl 绑定监听事件
    [self.rootView.pageControl addTarget:self action:@selector(pageControlAction:) forControlEvents:UIControlEventValueChanged];
}
// 实现 pageControl 绑定监听事件

- (void)pageControlAction:(UIPageControl *)sender
{

    [self.rootView.scrollView setContentOffset:CGPointMake(KScreenWidth * sender.currentPage, 0) animated:YES];
}
#pragma mark - scroolView 开始拖拽
- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView
{
    NSLog(@"开始拖拽了");
}

#pragma mark - scroolView 结束拖拽
- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate
{
    NSLog(@"结束拖拽");
}


#pragma mark - scroolView 开始减速触发方法
- (void)scrollViewWillBeginDecelerating:(UIScrollView *)scrollView
{
    NSLog(@"开始减速触发方法");
}


#pragma mark - scroolView 结束减速触发方法
- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView
{
    NSLog(@"结束减速����");
}

缩放

#pragma mark - scrollView 缩放执行过程中
- (void)scrollViewDidZoom:(UIScrollView *)scrollView
{
    if (self.rootView.scrollView.zoomScale < 1.0) {
        self.rootView.opeImageView.center = _rootView.center;
    }
}


#pragma mark - scroolView 指定缩放的内容
- (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView
{
    return self.rootView.opeImageView;
}
版权声明:本文为outlan原创文章,未经博主允许不得转载。

UI开发----UIScrollView和UIPageControl简单模拟滚动视图

//  Created By 郭仔 //================================================== 师傅领进门,修行在个人!自学才是王道! //====...

UI一揽子计划 7 ( UIScrollView、 UIPageControl、综合所学简单相册)

---- 创建一个UIScrollView     UIScrollView *scrollView = [[UIScrollView alloc]initWithFrame:[UI...

UI课程07 UIScrollView、UIPageControl

1。知识点思维导图 1) UIScrollView是可以滚动的View,它是所有滚动视图的基类,UITableView,UITextView等都继承于它。 2) 使用场景 显示不下(单张...
  • Kaiccy
  • Kaiccy
  • 2015年09月15日 19:40
  • 234

随意细解:UI -- UIScrollView、UIPageControl

UIScrollView、UIPageControl
  • M_MU_U
  • M_MU_U
  • 2015年11月18日 22:49
  • 384

UI - UIScrollView、UIPageControl

// UIScrollView 滚动视图, 所有能滚动的控件的基类 //1.滚动 //2.缩放// 一、滚动 self.scrollView = [[UIScrol...

UI - UIScrollView和UIPageControl

UIScrollView控件的一些属性// 创建一个ScrollView UIScrollView *scrollView = [[UIScrollView alloc]initWithFra...

IOS UI UIScrollView+UIPageControl组合使用

UIScrollView+UIPageControl组合使用在iOS中非常常见,比如淘宝主界面里的滚动广告,这是UIScrollView+UIPageControl组合的一个常见使用,另一种使用就是作...

IOS基础UI之(九) UIPageControl结合UIScrollView实现分页效果

上一章已经介绍了UIScrollView,现在使用 UIPageControl结合UIScrollView实现分页效果。话不多说,马上看看!!!  一: UIPageControl属性和方法 ...

【学习ios之路:UI系列】实现轮播图效果(UIImageView,UIScrollView,UIPageControl,NSTimer相结合)

实现效果,在不点击的情况下,自定滚动,点击时,停止.如下图 部分代码如下: //调用NSTimer方法,自定计时 - (void)autoScroll { self.timer = [NS...
  • ZFX5130
  • ZFX5130
  • 2015年01月29日 21:15
  • 1425

UI基础之—UIScrollView,UIPageControl

1.  UIScrollview是 iOS 中提供滚动的控件,用于解决当内容区域大小大于可视区域大小时,可以通过滚动的方式查看全部内容, UIScrollView 滑动视图的基类, UITableVi...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:UI_UIScrollView/UIpageControl
举报原因:
原因补充:

(最多只允许输入30个字)