iOS实现滚动条

大王算法

已于 2024-04-05 13:56:27 修改

阅读量1.2k

点赞数

文章标签： ios

于 2021-01-31 21:56:31 首次发布

本文链接：https://blog.csdn.net/fanyun_01/article/details/113486019

版权

本文探讨了如何在UIScrollView中自定义滚动条，以满足更复杂的需求。关键在于通过监听scrollViewDidScroll代理方法，动态调整滑块的位置，确保其与scrollView的滚动保持同步。具体实现方式是计算滑块的当前位移，根据scrollView的偏移量和内容尺寸进行调整，从而达到理想的视觉效果。

摘要由CSDN通过智能技术生成

UIScrollView有自己默认的滚动条，可设置隐藏和显示，但是有时候这个默认的滚动条没办法满足我们的需求，那这时候只能通过自定义来实现了。实现自定义滚动条需要解决的主要问题是：

在scrollview滚动的过程中如何改变滚动条的位置，进而确保滚动条和scrollView在相同时间内走完自己的位移，只要把这个问题解决好了，那我们就可以优雅的自定义滚动条了。

-(void)scrollViewDidScroll:(UIScrollView *)scrollView{
  [UIView animateWithDuration:0.5 animations:^{

    CGPoint offset = scrollView.contentOffset;

    // scrollView的当前位移/scrollView的总位移=滑块的当前位移/滑块的总位移
    //    offset/(scrollView.contentSize.width-scrollView.frame.size.width)=滑块的位移/(slideBackView.frame.size.width-sliderView.frame.size.width)
    //    滑块距离屏幕左边的距离加上滑块的当前位移，即为滑块当前的x

    CGRect frame=sliderView.frame;

    frame.origin.x=15 + offset.x*(slideBackView.frame.size.width-sliderView.frame.size.width)/(scrollView.contentSize.width-scrollView.frame.size.width);

    sliderView.frame = frame;



  }];
}