SegmentedControl

使用UISegmentedControl实现页面滑动切换

最新推荐文章于 2018-10-22 18:31:38 发布

原创最新推荐文章于 2018-10-22 18:31:38 发布 · 396 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍如何在iOS应用中使用UISegmentedControl实现页面滑动切换功能，包括属性设置、样式定制、点击事件处理及与ScrollView联动实现平滑过渡。

 // 设置UISegmentedControl为属性
 
self.segmentedControl = [[UISegmentedControl alloc] initWithItems:[NSArray arrayWithObjects:@"1",@"2",@"3",@"4", nil]];
    self.segmentedControl.frame = CGRectMake(0, 0, WIDTH, 50);
    self.segmentedControl.tintColor = [UIColor colorWithRed:0.955 green:0.821 blue:1.000 alpha:1.000];
    
    // 默认第一个为选中
    self.segmentedControl.selectedSegmentIndex = 0;
    
    // 选中的颜色
    NSDictionary *selected = @{NSFontAttributeName:[UIFont boldSystemFontOfSize:25], NSForegroundColorAttributeName:[UIColor redColor]};
    [self.segmentedControl setTitleTextAttributes:selected forState:UIControlStateSelected];
    
    // 没选中时
    NSDictionary *unselected = @{NSFontAttributeName:[UIFont boldSystemFontOfSize:16],NSFontAttributeName:[UIColor redColor]};
    [self.segmentedControl setTitleTextAttributes:unselected forState:UIControlStateNormal];
    
    // 点击方法
    [self.segmentedControl addTarget:self action:@selector(click:) forControlEvents:UIControlEventValueChanged];
    
    // 铺在View上
    [self.view addSubview:self.segmentedControl];
    
#pragma mark segementedControl的点击方法
- (void)click:(UISegmentedControl *)segmented{
    
    if (segmented.selectedSegmentIndex == 0) {
        self.collectionView.contentOffset = CGPointMake(WIDTH * segmented.selectedSegmentIndex, 0);
    }else if (segmented.selectedSegmentIndex == 1){
        self.collectionView.contentOffset = CGPointMake(WIDTH * segmented.selectedSegmentIndex, 0);
    }else if (segmented.selectedSegmentIndex == 2){
        self.collectionView.contentOffset = CGPointMake(WIDTH * segmented.selectedSegmentIndex, 0);
    }else if (segmented.selectedSegmentIndex == 3){
        self.collectionView.contentOffset = CGPointMake(WIDTH * segmented.selectedSegmentIndex, 0);
    }
    
}

// 结束滑动后segmentedControl跟着滑动
- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView
{
    
    if (scrollView == self.collectionView) {
        self.segmentedControl.selectedSegmentIndex = scrollView.contentOffset.x/self.view.frame.size.width;
    }
}

 // 在里面铺tableViewCell可以试验效果