上周做了这样一个效果的引导页面,其中的文字描述使用了UIScrollView 这个组建,然后结合UIPageControl实现了这个效果,大概的实现过程是挺简单的。

    代码

     UIScrollView *scrollView=[[UIScrollView alloc]initWithFrame:CGRectMake(0,0 , screenWidth,threeFifthHeight+90)];
        [scrollView setContentSize:CGSizeMake(screenWidth*3, 0)];
        [scrollView setPagingEnabled:YES];
        scrollView.showsVerticalScrollIndicator = FALSE;
        scrollView.showsHorizontalScrollIndicator = FALSE;
        scrollView.delegate=self;
    

    然后需要tip一下的是获取当前滚动的页数代码

    - (void) scrollViewDidScroll:(UIScrollView *)scrollView{
        CGFloat pageWidth = scrollView.frame.size.width;
        int index = floor((scrollView.contentOffset.x - pageWidth / 2)/pageWidth) + 1;
        if (frontPageIndex!=index) {
            [imageView setImage:[UIImage imageNamed:[backGroundPics objectAtIndex:index]]];
            frontPageIndex=index;
            pageConteol.currentPage=index;
        }
        
    }
    

    嗯,代码在:https://github.com/zhangdongxuan/OC-Begin/tree/master/HelloWorld

    -------这个是大概刚入职微信的时候总结的,现在需要再添加一些-------------

    UIScrollView对象适用于那些屏幕尺寸大于屏幕的视图。当某个视图是UIScrollView的子视图的时候,UIScrollView可以以矩形的方式显示出子视图。UIScrollView就好像一个“镜头”一样可以根据镜头的位置显示出子视图的内容。UIScrollView对象的尺寸就是这个“镜头”的尺寸,而其能够显示的范围是它的contentSize决定的,通常contentSize的数值就是子视图的尺寸。

     CGRect selRect = self.view.bounds;
        selRect.size.width *= 2;
        selRect.size.height *= 2;
        MainView *mainView = [[MainView alloc]initWithFrame:selRect];
        [self.view addSubview:mainView];
        
        UIScrollView * scrollView = [[UIScrollView alloc]initWithFrame:self.view.bounds];
        [scrollView addSubview:mainView];
        scrollView.contentSize = selRect.size;
        
        
        [self.view addSubview:scrollView];
        self.view.backgroundColor = [UIColor whiteColor];

     

    效果如下: