iOS可复用控件之分段滚动控件HTSegmentedScrollView

最新推荐文章于 2024-05-27 09:33:34 发布

原创最新推荐文章于 2024-05-27 09:33:34 发布 · 921 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#iOS #segment #scrollView

iOS可复用控件专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种分段滚动页面组件的实现方法，并提供了一个简单的示例代码。该组件可通过添加不同的标题和视图轻松实现分段滚动效果。

分段滚动页面是一个比较常见的需求，我把我的实现方式封装了一下，方便以后重复使用。

实现效果：

GitHub地址：https://github.com/runThor/HTSegmentedScrollView

使用方式非常简单，添加segment的title以及添加滚动的view即可，代码如下：

#import "HTSegmentedScrollView.h"

- (void)viewDidLoad {
    [super viewDidLoad];
    
    HTSegmentedScrollView *segView = [[HTSegmentedScrollView alloc] initWithFrame:CGRectMake(0, 0, [UIScreen mainScreen].bounds.size.width, [UIScreen mainScreen].bounds.size.height)];
    [self.view addSubview:segView];
    
    [segView addSegmentedItems:@[@"红色", @"黄色", @"蓝色"]];  // 添加title
    
    UIView *redView = [[UIView alloc] init];
    redView.backgroundColor = [UIColor redColor];
    UIView *yellowView = [[UIView alloc] init];
    yellowView.backgroundColor = [UIColor yellowColor];
    UIView *blueView = [[UIView alloc] init];
    blueView.backgroundColor = [UIColor blueColor];
    
    [segView addScrollViews:@[redView, yellowView, blueView]];  // 添加滚动的view
}