码迷,mamicode.com
首页 > 其他好文 > 详细

UI第七课

时间:2014-12-10 21:20:17      阅读:226      评论:0      收藏:0      [点我收藏+]

标签:ui

主要内容:UIScrollView、UIPageControl(用途:软件的介绍页面、相册。。。等)

一、UIScrollView

       UIScrollView:是可以滚动的View(注意:UIView本身不能滚动,子类UIScrollView拓展了滚动方面的功能,UIScrollView是所有滚动视图的基类

       主要专长与两个方面:

               1、滚动:contentSize大于frame.size时,能够滚动

               2、缩放:自带缩放,可以指定缩放倍数

       UIScrollView滚动的相关属性:

               1、contentSize:定义内容区域大小,决定是否能够滑动 

               2、contentOffset:视图左上角距离坐标原点的偏移量

               3、scrollsToTop:滑动到顶部(滑动滚动条的时候)

               4、pagingEnable:是否整页滑动

               5、bounces:边界是否回弹

               6、scrollEnable:是否能够滚动

               7、showsHorizontalScrolllndicator:控制是否显示水平方向的滚动条

               8、showsVerticalScrolllndicator:控制是否显示垂直方向的滚动条

               9、alwaysBounceHorizontal:控制水平方向遇到边框是否反弹

              10、alwaysBounceVertical:控制垂直方向遇到边框是否反弹

       UIScrollView缩放的相关属性

               1、minimumZoomScale:缩放的最小比例

               2、maximumZoomScale:放大的最大比例

               3、zoomScale:设置变化比例

               4、zooming:判断是否在进行缩放反弹

               5、bounceRoom:控制缩放的时候是否会反弹

               注意:要实现缩放,还需要实现delegate,指定缩放的视图是谁

       UIScrollView滚动代理方法

                / / 滚动就会触发

                - (void)scrollViewDidScroll:(UIScrollView *)scrollView

 

                / /  开始拖拽时触发

                - (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView


                / /  结束拖拽时触发

                - (void)scrollViewDidEndDragging:(UIScrollView *)scrollView  willDecelerate:(BOOL)decelerate


                / /  开始减速时触发

                - (void)scrollViewWillBeginDecelerating:(UIScrollView *)scrollView


                / /  结束减速时触发(停止时)

                - (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView

        缩放的代理方法:

                / / 完成放大缩小触发

                - (void)scrollViewDidEndZooming:(UIScrollView *)scrollView  withView:(UIView *)view  atScale:(float)scale

  

                / /  指定某个UIScrollView的子视图可以被放大缩小

                - (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView

二、UIPageControl

        UIPageControl:用于指示当前是第几页,通常与UIScrollView配合使用

        相关属性:

               currentPage:当前的页面

               numberOfPages:指定页面的个数

        UIPageControl从类名可以看出其父类是UIControl,所有可以像button一样给它添加事件,只不过事件触发使用的不再是UIControlEventsTouchUpInside,而是UIControlEventsValueChanged

三、UIScrollView和UIPageControl的使用示例

        / / 创建UIScrollView对象
        UIScrollView *scrollView = [[UIScrollView alloc] initWithFrame:CGRectMake(0, 0, self.view.bounds.size.width, self.view.bounds.size.height)];

        / / 添加到View上
        [self addSubview:scrollView];

        / / 设置背景颜色
       scrollView.background = [UIColor redColor];

       / / 设置显示横向的滑动条
       self.showHorizontalScrollIndicator = YES;

       / / 设置内容视图的大小
       scrollView.containSize = CGSizeMake(scrollView.bounds.size.width * i, scrollView.bounds.size.height);//有多少张图片,i就是多少

       / / 设置图片的整页滑动
       scrollView.pagingEnabled = YES;

       / / 添加图片到UIScrollView中
       for(int i = 0; i < count; i++) {
        UIImageView *imageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@“%d”, i]];
        / / 设置图片的大小
        imageView.frame = CGRectMake((i - 1) * self.frame.size.width, 0, self.frame.size.width, self.frame.size.height);

        / / 添加到scrollView上
        [scrollView addSubview:imageView];

        / / 释放
        [imageView release], imageView = nil;
       }

       / / 添加页面控制器
       / / 创建对象

       UIPageController *pagecontrol = [[[UIPageController alloc] init] autorelease];

       / / 设置位置
       pageControl.frame = CGRectMake(0, self.view.frame.size.height - 40, self.view.frame.size.width, 30);

       / / 设置有多少个小点点(页数)
       pageControl.numberOfPages = 10;

       / / 设置当前在哪个小点点
       pageControl.currentPage = 2;

       / / 没选中的小店的颜色
       pageControl.pageIndicatorTintColor = [UIColor redColor];

       / / 当前点点的颜色
       pageControl.currentPageIndicatorTintColor = [UIColor blueColor];

       / / 设置监听事件
       [pageControl addTarget:self action:@selector(pageControlAction:) forControlEvents:UIControlEventValueChanged]; // 

       / / 添加到View上
       [self.view addSubView:pageControl];


       #pragma mark - 实现—pageControlAction:监听事件
       - (void)pageControlAction:(UIPageControl *) sender {
                  / /令UIScrollView做出相应的滑动显示
                  CGSize viewSize = _userGuideScrollView.frame.size;
                  CGRect rect = CGRectMake(sender.currentPage * viewSize.width, 0, viewSize.width, viewSize.height);
                  [_userGuideScrollView scrollRectToVisible:rect animated:YES];
       }


       #pragma mark - 重写----scrollViewDelegate中的代理方法 实现滑动
       - (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView {
                 / / 计算偏移量
                 int index = abs(scrollView.contentOffset.x / scrollView.frame.size.width);
                 / / 根据偏移量来设置pageControl
                 _scrollPageControl.currentPage = index;
      }


       #pragma mark - 重写----dealloc方法
       - (void)dealloc {


                  / / 释放属性的内存
                  [_scrollPageControl release], _scrollPageControl = nil;
                  [_userGuideScrollView release], _userGuideScrollView = nil;


                  / / 调用父类的dealloc方法
                  [super dealloc];
        }   

UI第七课

标签:ui

原文地址:http://blog.csdn.net/phui93/article/details/41850109

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!