写在前面的:
最近在自己的项目开发中,遇到一个很奇葩的问题:
- UIScrollView 里面嵌入N个横向排列的 UITextField
- 当处于编辑状态的 UITextField 被滑动到屏幕可视区域之外的时候
- 点击其他 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: 如果哪位大佬有什么更好的方法,请不惜赐教!-