Top sliding menu FDSlideBar

Source code introduction: FDSlideBar is a top sliding menu, such as the common styles of NetEase and Tencent News. The control supports multiple styles such as custom colors and fonts. The switching between menus is smooth and has a good experience. After struggling, the content display at the bottom was finally implemented with UITableView, which solved the memory problem of ScrollView well and also obtained a good native sliding effect.

Test environment: Xcode 6.2, iOS 6.0 or above

Source code screenshot:

[[140891]]

Source code snippet:

 FDSlideBar *sliderBar = [[FDSlideBar alloc] init];
    sliderBar.backgroundColor = [UIColor colorWithRed: 0 / 255.0 green: 128 / 255.0 blue: 128 / 255.0 alpha: 1.0 ]; 
 
 //Init the titles of all the item  
 sliderBar.itemsTitle = @[@ "Headlines" , @ "Video" , @ "Shanghai" , @ "Entertainment" , @ "Sports NBA" , @ "Finance" , @ "Technology" , @ "Society" , @ "Military" , @ "Fashion" , @ "Automobile" , @ "Game" , @ "Picture" , @ "Stock" ]; 
 
 // Set some style to the slideBar  
    sliderBar.itemColor = [UIColor whiteColor];
    sliderBar.itemSelectedColor = [UIColor orangeColor];
    sliderBar.sliderColor = [UIColor orangeColor]; 
 
 // Add the callback with the action that any item be selected  
    [sliderBar slideBarItemSelectedCallback:^(NSUInteger idx) {
        [self.tableView scrollToRowAtIndexPath:[NSIndexPath indexPathForRow:idx inSection: 0 ] atScrollPosition:UITableViewScrollPositionTop animated:NO];
 }];
    [self.view addSubview:sliderBar];
 _slideBar = sliderBar;

 // The frame of tableView, be care the width and height property  
   CGRect frame = CGRectMake( 0 , 0 , CGRectGetMaxY(self.view.frame) - CGRectGetMaxY(self.slideBar.frame), CGRectGetWidth(self.view.frame));
   self.tableView = [[UITableView alloc] initWithFrame:frame];
   [self.view addSubview:self.tableView]; 
 
 // Register the custom cell  
   UINib *nib = [UINib nibWithNibName:@ "TableViewCell" bundle:nil];
   [self.tableView registerNib:nib forCellReuseIdentifier:@ "ContentCell" ]; 
 
 // Set the tableView center in the bottom of view. so after rotating, it shows rightly  
   self.tableView.center = CGPointMake(CGRectGetWidth(self.view.frame) * 0.5 , CGRectGetHeight(self.view.frame) * 0.5 + CGRectGetMaxY(self.slideBar.frame) * 0.5 );
   self.tableView.separatorStyle = UITableViewCellSeparatorStyleNone; 
 
 // Rotate the tableView 90 angle anticlockwise  
   self.tableView.transform = CGAffineTransformMakeRotation(-M_PI_2);
   self.tableView.showsVerticalScrollIndicator = NO;
   self.tableView.pagingEnabled = YES;
   self.tableView.dataSource = self;
   self.tableView.delegate = self;

 - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    TableViewCell *cell = [self.tableView dequeueReusableCellWithIdentifier:@ "ContentCell" ]; 
 
 // Rotate the cell's content 90 angle clockwise to show them rightly  
    cell.contentView.transform = CGAffineTransformMakeRotation(M_PI_2);
    cell.text = self.slideBar.itemsTitle[indexPath.row];
 return cell;
 }