scrollView中的分页功能及影响

简介: scrollView中的分页功能及影响

scrollView中的pagingEnabled的功能,当pagingEnabled被设置为YES时,以页为单位滑动,即自动到下一页的开始边界 。

若你自己做一个工具条(《滑动工具条》),文字的长度不固定并不能达到正好一屏,当pagingEnabled被设置为YES时,当你滑动工具条并点击按钮刷新ui,有几率出现工具条自动弹回的效果,导致右侧的内容不能完全显示。如用iPhone XR手机没有出问题,但是iPhone 12就出现了不期望的弹回效果。解决办法就是把pagingEnabled被设置为NO。

当然它的影响也并不是都是负面的,当你需要一次移动一个整体单位时就需要设置它使能。

    self.alertBackgroundView = [[UIScrollView alloc] initWithFrame:self.frame];
    self.alertBackgroundView.backgroundColor = [UIColor clearColor];
    [self addSubview:self.alertBackgroundView];
    self.alertBackgroundView.delegate = self;
    self.alertBackgroundView.pagingEnabled = NO;
    self.alertBackgroundView.bounces = NO;
    self.alertBackgroundView.showsHorizontalScrollIndicator = NO;
    self.alertBackgroundView.scrollsToTop = NO;
    self.alertBackgroundView.contentSize = CGSizeMake(self.totalWidth, self.frame.size.height);
```![在这里插入图片描述](https://ucc.alicdn.com/images/user-upload-01/20210520174658992.JPG?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppYTEyMjE2,size_16,color_FFFFFF,t_70)
工具条被滑动到最右边
![在这里插入图片描述](https://ucc.alicdn.com/images/user-upload-01/20210520174725138.JPG?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppYTEyMjE2,size_16,color_FFFFFF,t_70)
点击最右侧按钮文字,被自动左移动
![在这里插入图片描述](https://ucc.alicdn.com/images/user-upload-01/20210520174838409.JPG?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppYTEyMjE2,size_16,color_FFFFFF,t_70)
重新滑动到最右侧的按钮显示

```cpp
- (void)hitAction:(UIButton *)sender {
    if(self.isSendindRequest)
    {
        return;
    }
    NSUInteger index = sender.tag;
    if(index == self.selectIndex)
    {
        return;
    }
    [self updateBtnWithIndex:index];
    if (self.hitCallback) {
        self.hitCallback(sender.tag);
    }
}
目录
相关文章
|
JavaScript
Vue Antdv 列表(table、list)自定义空数据状态UI
Vue Antdv 列表(table、list)自定义空数据状态UI
1069 0
|
9月前
|
存储 JSON API
小红书获取笔记详情API接口的开发、应用与收益。
小红书笔记详情API采用Python与Django框架开发,使用MySQL数据库存储数据。接口通过HTTP GET请求获取笔记详情,返回JSON格式数据,包含笔记内容、作者信息、图片链接等。该API应用于小红书APP内笔记展示和互动功能,并支持第三方平台的内容整合与数据分析,提升用户体验与活跃度,促进品牌合作推广,优化平台运营效率,为平台带来显著收益。
538 1
|
存储 缓存 JSON
10款好用的开源 HarmonyOS 工具库
HarmonyOS NEXT 正式版即将发布,你在学习鸿蒙的过程还有哪些好用的工具库吗,欢迎分享给V 哥,关注威哥爱编程,一起学习鸿蒙开发。
643 4
|
11月前
|
容器
Flutter下拉刷新上拉加载的简单实现方式一
Flutter下拉刷新上拉加载的简单实现方式一
313 2
|
JavaScript
Vue2级联选择(Cascader)
这是一个基于 Vue 3 的级联选择组件,支持多种自定义属性,如数据源、选中项、文本字段等。提供了丰富的配置项,如层级间隙、宽度、高度、禁用状态和占位符等,便于灵活使用。组件通过监听选择变化并触发回调事件,实现了动态更新与交互。
591 1
Vue2级联选择(Cascader)
uniapp实战 —— 可滚动区域 scroll-view (自适配高度,下拉刷新)
uniapp实战 —— 可滚动区域 scroll-view (自适配高度,下拉刷新)
2690 0
|
存储 传感器 安全
【C++ std::variant】深入探索 C++ std::variant:构造方法与实践应用
【C++ std::variant】深入探索 C++ std::variant:构造方法与实践应用
657 5
|
SQL 监控 大数据
DataGrip 面试题及答案整理,最新面试题
DataGrip 面试题及答案整理,最新面试题
346 0
|
存储 Java
什么情况下会产生StackOverflowError(栈溢出)和OutOfMemoryError(堆溢出)怎么排查
什么情况下会产生StackOverflowError(栈溢出)和OutOfMemoryError(堆溢出)怎么排查
|
芯片
【半导体】半导体芯片行业工艺中的英文术语
【半导体】半导体芯片行业工艺中的英文术语
740 1