首页 > 代码库 > TableView和Scrollview的混用

TableView和Scrollview的混用

  刚开始做ios,所以很多都不懂,把不会的记下来,可以帮助有需要的人,也可以留下自己学习路上的点滴!!!!

  首先:在一个VC里添加一个ScrollView,然后,在ScrollView里添加3个VC:(TableView、Tableview、ViewController);

  第一步:创建三个不同的VC;

  第二步:在viewcontroller.h里:

      #import "CommunityOneViewController.h"

      #import "CommunityTwoViewController.h"

      #import "CommunityThreeViewController.h"

      @interface MainViewController : BaseViewController<UIScrollViewDelegate>

      //通过视图来定义属性

      @property(nonatomic,strong) CommunityOneViewController *oneTableView;

      @property(nonatomic,strong) CommunityTwoViewController *twoTableView;

      @property(nonatomic,strong) CommunityThreeViewController *threeView;

      //定义滚动视图

      @property(nonatomic,strong) UIScrollView *scroll;

      //定义分页控件

      @property(nonatomic,strong) UIPageControl *page;

 

  第三步:在viewcontroller.m里:

- (void)viewDidLoad

{

    [super viewDidLoad];

 

    self.scroll = [[UIScrollView alloc]initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height)];

    _scroll.pagingEnabled=YES;

    _scroll.delegate = self;

    _scroll.bounces=YES;

    [_scroll setBackgroundColor:[UIColor lightGrayColor]];

    self.scroll.contentSize = CGSizeMake(self.view.frame.size.width*3, self.view.frame.size.height);

    

       ////////////////////////////////第一个视图////////////////////////////////////////

 

    _oneTableView = [[CommunityOneViewController alloc]init];

    _oneTableView.view.frame = CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height);

 

       ////////////////////////////////第二个视图////////////////////////////////////////

    

    _twoTableView = [[CommunityTwoViewController alloc]init];

    _twoTableView.view.frame = CGRectMake(self.view.frame.size.width, 0, self.view.frame.size.width, self.view.frame.size.height);

       

    ////////////////////////////////第三个视图////////////////////////////////////////

    

    _threeView = [[CommunityThreeViewController alloc]init];

    _threeView.view.frame = CGRectMake(self.view.frame.size.width*2, 0, self.view.frame.size.width, self.view.frame.size.height);

    

    [self.scroll addSubview:_oneTableView.view];

    [self.scroll addSubview:_twoTableView.view];

    [self.scroll addSubview:_threeView.view];

    [self.view addSubview:_scroll];

    self.page = [[UIPageControl alloc]initWithFrame:CGRectMake(150, 360, 10, 25)];

    [self.page setTintColor:[UIColor redColor]];

    _page.numberOfPages=3;

    _page.currentPageIndicatorTintColor=[UIColor greenColor];

    [self.page addTarget:self action:@selector(gotoPage) forControlEvents:UIControlEventValueChanged];

    [self.view addSubview:_page];

}

-(void)gotoPage{

    CGRect frame;

    frame.origin.x = self.scroll.frame.size.width * self.page.currentPage;

    frame.origin.y = 0;

    frame.size = self.scroll.frame.size;

    [self.scroll scrollRectToVisible:frame animated:YES];

}

- (void)scrollViewDidScroll:(UIScrollView *)scrollView{

    CGFloat pageWidth = self.scroll.frame.size.width;

    // 在滚动超过页面宽度的50%的时候,切换到新的页面

    // + 1 是因为paged control 是从1开始计数的

    int page = floor((self.scroll.contentOffset.x - pageWidth/2)/pageWidth) + 1;

    self.page.currentPage = page;

}

 只需要这几步,就可以在一个ScrollView里添加几个不同的视图了,然后就去执行不同的操作就可以了。