HMSegmentedControl指示器随着ScrollView的滚动而同步滑动

最新推荐文章于 2024-11-06 03:01:33 发布

原创

最新推荐文章于 2024-11-06 03:01:33 发布 · 1.5k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#UI效果 #SegmentedControl #同步滑动

本文介绍了如何使HMSegmentedControl的指示器随着ScrollView滚动同步移动，通过KVO监听ScrollView的contentOffset变化，实现指示器位置的动态调整，提供良好的用户体验。并提醒注意在适当时候移除观察者以防止Crash。附带了实现效果的Demo链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HMSegmentedControl是一个比较常用的分段控制器；然而他的指示器不支持动态滑动，只能是滑动到下一页后，再滑过去。这样和关联的ScrollView的页面滑动不同步，体验不是太好。

当然自己写一个也不会太难，只是不想重复造轮子，喜欢站在巨人的肩膀上；简而言之，偷懒。。。

于是在HMSegmentedControl基础上开始操刀；想要指示器同步滚动，必然要知道ScrollView滑动情况，简单点，直接上KVO，监听ScrollView的contentOffset值的变化

- (void)setPageScrollView:(UIScrollView *)scrollView {
    _pageScrollView = scrollView;
    [_pageScrollView addObserver:self forKeyPath:@"contentOffset" options:NSKeyValueObservingOptionNew context:nil];
}

提醒自己不要忘了removeObserver，"Crash"～好怕怕！

当滑动ScrollView的时候，observeValueForKeyPath会被调用

- (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary<NSKeyValueChangeKey,id> *)change context:(void *)context {
    if (object == _pageScrollView && [keyPath isEqualToString:@"contentOffset"]) {
        [self pageScrollViewContentOffset:_pag