您的位置:首页 > 产品设计 > UI/UE

UIScrollView 和UIPageControl结合实现分页

2015-02-02 15:10 501 查看
http://blog.sina.com.cn/s/blog_881ed85001018z97.html

在tableview上面添加一个图片展示区

CGRect r = [[UIScreen mainScreen] applicationFrame];
    //推荐页的图片展示设置
    _bannerScroller=[[UIScrollView alloc]initWithFrame:CGRectMake(0, 20, r.size.width, 150)];
    //分页设置
    _bannerScroller.pagingEnabled=YES;
    //滚动条显示设置
    _bannerScroller.showsHorizontalScrollIndicator=NO;
    _bannerScroller.showsVerticalScrollIndicator=NO;
    //试图内容尺寸
    _bannerScroller.contentSize=CGSizeMake(r.size.width*3, 150);
    _bannerScroller.delegate=self;
    self.tableView.tableHeaderView =_bannerScroller;
    //添加内容
    float x=0;
    for (int i=1; i<=3; i++) {
        UIImageView *imageView=[[UIImageView alloc]initWithFrame:CGRectMake(x, 0, r.size.width, 150)];
        NSString *imageName=[NSString stringWithFormat:@"banner0%d.jpg",i];
        imageView.image=[UIImage imageNamed:imageName];
        [_bannerScroller addSubview:imageView];
        x+=r.size.width;
    }
    self.tableView.tableHeaderView =_bannerScroller;
    //创建分页控制器,添加到tableview
    _pageScroller=[[UIPageControl alloc]initWithFrame:CGRectMake(0, 130, r.size.width, 20)];
    _pageScroller.numberOfPages=3;
    _pageScroller.backgroundColor=[UIColor colorWithRed:200/255.0 green:200/255.0 blue:200/255.0 alpha:0.5];
    [self.tableView addSubview:_pageScroller];

//使用代理方法实现翻页效果
-(void) scrollViewDidScroll:(UIScrollView *)scrollView{
if (scrollView==_bannerScroller) {
CGRect r = [[UIScreen mainScreen] applicationFrame];
int page=_bannerScroller.contentOffset.x/r.size.width;
_pageScroller.currentPage=page;
}
}

浅灰色半透明背景色
_pageScroller.backgroundColor=[UIColor colorWithRed:200/255.0 green:200/255.0 blue:200/255.0 alpha:0.5];
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: