美文网首页
【iOS】阻止UIScrollView自动滚动(swift)

【iOS】阻止UIScrollView自动滚动(swift)

作者: Qire_er | 来源:发表于2021-11-30 13:17 被阅读0次

写在前面的:

最近在自己的项目开发中,遇到一个很奇葩的问题:

  1. UIScrollView 里面嵌入N个横向排列的 UITextField
  2. 当处于编辑状态的 UITextField 被滑动到屏幕可视区域之外的时候
  3. 点击其他 UITextField ,这时候,UIScrollView 会自动滚动到一个奇怪的位置。

(我想这可能是iOS 为了提升用户体验, 当用户点击的时候,自动滚动到 UITextField 所在的位置,有时候是挺有用的!但有时候,适得其反)……

重现效果:

动图效果

最开始的方法是:UITextField在成为第一响应者的时候,将UIScrollView的isScrollEnabled 设置为false;在适当的时候,将其设置为true(经过测试,发现不好使!)

如果重写UIScrollView的scrollRectToVisible方法,是可以解决,只要自定义一个Class去继承UIScrollView,方法体内部什么都不写!(但不是我想要的)

class MyScrollView: UIScrollView {
    // 重写 scrollRectToVisible 方法
    override func scrollRectToVisible(_ rect: CGRect, animated: Bool) {} // 防止ScorllView自动滚动
}

最后,在stackoverflow找了一个类似的贴,其中有一个方法,虽然不太优雅,但至少解决了我的问题!
原帖地址

具体思路:

  • 在UITextField外面,再套上一层UIScrollView,将其包装起来
  • 再将这次包装的UIScrollView的frame设置成跟UITextField一样

演示代码:

//
//  AutoScrollVC.swift
//  UIKit-basic
//
//  Created by Qire_er on 2021/11/30.
//

import UIKit

class AutoScrollVC: UIViewController {
    
    var scrollView: UIScrollView! // 定义容器scrollView
    
    let width = UIScreen.main.bounds.width // 屏幕【宽度】
    let height = UIScreen.main.bounds.height // 屏幕【高度】

    override func viewDidLoad() {
        super.viewDidLoad()
        createUI(frame: CGRect(x: 0, y: height / 2, width: width, height: 40))  // 创建UI
        self.view.backgroundColor = UIColor.white // 设置底色为白色,否则黑区区一片!
    }
    
    // 创建UI
    private func createUI(frame: CGRect) {
        let textList = ["测试内容1", "测试内容2", "测试内容3", "测试内容4", "测试内容5"]   // 定义文本内容
        
        let scrollWidth = frame.width // 容器scrollView【宽度】
        let scrollHeight = frame.height // 容器scrollView【高度】
        let contentWidth = frame.width * CGFloat(textList.count) // scrollView内容【宽度】
        let contentHeight = frame.height // scrollView内容【高度】

        scrollView = UIScrollView(frame: CGRect(x: frame.minX, y: frame.minY, width: scrollWidth, height: scrollHeight)) // 创建ScrollView实例
        scrollView.contentSize = CGSize(width: contentWidth, height: contentHeight) // 设置内容尺寸
        scrollView.isPagingEnabled = true // 启用分页显示

        let stack = UIStackView(frame: CGRect(x: 0, y: 0, width: contentWidth, height: contentHeight)) // 创建UIStackView实例,用于布局

        for (_, item) in textList.enumerated() {
            let rect = CGRect(x: 0, y: 0, width: scrollWidth, height: scrollHeight) // 定义CGRect
            
            let wrapperScroll = UIScrollView(frame: rect) //【改版】代码: 定义包装ScrollView
            
            let textField = UITextField(frame: rect) // 创建UITextField实例
            textField.text = item // 设置文本内容
            textField.font = UIFont.systemFont(ofSize: 24) // 设置字号
            textField.textAlignment = .center // 设置居中对齐
            
            //stack.addArrangedSubview(textField) //【原版】代码: 直接添加textField到stack中
            
            wrapperScroll.addSubview(textField) //【改版】代码: 先添加textField到wrapperScroll中
            stack.addArrangedSubview(wrapperScroll)//【改版】代码: 再添加wrapperScroll到stack中
        }

        stack.axis = .horizontal
        stack.distribution = .fillEqually

        scrollView.addSubview(stack)
        
        self.view.addSubview(scrollView)
    }
}

(==完==)

ps: 如果哪位大佬有什么更好的方法,请不惜赐教!-

相关文章

网友评论

      本文标题:【iOS】阻止UIScrollView自动滚动(swift)

      本文链接:https://www.haomeiwen.com/subject/wrkdxrtx.html