如何在Swift中实现可点击选位置的跑马灯式UITextField

嘿，我来帮你搞定这个需求！要实现一个既能点击选择文本位置，又能在内容过长时自动从右向左滚动的UITextField，咱们可以通过自定义UITextField子类来实现，这样复用性拉满，还能保留原生的交互功能。下面是具体的实现步骤和代码：

• 基于UITextField做子类扩展，完全保留它原生的点击选位、编辑等交互能力
• 自动检测文本宽度：当文本实际宽度超过TextField的显示宽度时，触发跑马灯滚动动画
• 动态适配：文本变化、TextField尺寸改变时，重新判断是否需要滚动；编辑状态下暂停滚动，避免干扰用户操作

import UIKit

class ScrollableSelectableTextField: UITextField {
    // 滚动动画的速度（每秒滚动的像素数，可自定义）
    var scrollSpeed: CGFloat = 100.0
    
    private var isScrolling = false
    private var textWidth: CGFloat {
        guard let text = text else { return 0 }
        let attributes: [NSAttributedString.Key: Any] = [.font: font ?? UIFont.systemFont(ofSize: 17)]
        return text.size(withAttributes: attributes).width
    }
    
    override init(frame: CGRect) {
        super.init(frame: frame)
        setupEventListeners()
    }
    
    required init?(coder: NSCoder) {
        super.init(coder: coder)
        setupEventListeners()
    }
    
    private func setupEventListeners() {
        // 监听文本变化、编辑状态切换事件
        addTarget(self, action: #selector(textDidChange), for: .editingChanged)
        addTarget(self, action: #selector(editingDidBegin), for: .editingDidBegin)
        addTarget(self, action: #selector(editingDidEnd), for: .editingDidEnd)
    }
    
    override func layoutSubviews() {
        super.layoutSubviews()
        // 布局变化时重新检查是否需要滚动
        updateScrollAnimation()
    }
    
    @objc private func textDidChange() {
        updateScrollAnimation()
    }
    
    @objc private func editingDidBegin() {
        // 用户开始编辑时停止滚动，保证正常操作体验
        stopScrollAnimation()
    }
    
    @objc private func editingDidEnd() {
        // 编辑结束后重新启动滚动（如果文本依然过长）
        updateScrollAnimation()
    }
    
    private func updateScrollAnimation() {
        guard !isEditing else { return }
        
        if textWidth > bounds.width {
            startScrollAnimation()
        } else {
            stopScrollAnimation()
            // 短文本时重置位置到默认状态
            textLabel?.frame.origin.x = 0
        }
    }
    
    private func startScrollAnimation() {
        guard !isScrolling else { return }
        isScrolling = true
        
        let scrollDistance = textWidth - bounds.width
        let duration = scrollDistance / scrollSpeed
        
        UIView.animate(withDuration: duration, delay: 1, options: [.repeat, .curveLinear], animations: {
            self.textLabel?.frame.origin.x = -scrollDistance
        }, completion: { _ in
            // 动画循环时自动复位起始位置
            self.textLabel?.frame.origin.x = 0
        })
    }
    
    private func stopScrollAnimation() {
        guard isScrolling else { return }
        isScrolling = false
        textLabel?.layer.removeAllAnimations()
    }
}

• scrollSpeed：暴露给外部的自定义参数，用来调整滚动速度，数值越大滚动越快
• textWidth：实时计算文本的实际显示宽度，作为是否触发滚动的判断依据
• 事件监听：覆盖文本变化、编辑状态切换、布局变化场景，确保滚动逻辑能动态响应
• 动画逻辑：文本过长时延迟1秒启动循环滚动，编辑时立即停止动画，兼顾展示和操作体验

在你的ViewController里直接用这个自定义TextField就行，和原生UITextField用法完全一致：

class ViewController: UIViewController {
    override func viewDidLoad() {
        super.viewDidLoad()
        
        let scrollableTextField = ScrollableSelectableTextField(frame: CGRect(x: 50, y: 200, width: 300, height: 44))
        scrollableTextField.borderStyle = .roundedRect
        scrollableTextField.font = UIFont.systemFont(ofSize: 17)
        // 设置长文本测试滚动效果
        scrollableTextField.text = "这是一段非常长的测试文本，用来验证UITextField的跑马灯滚动效果，同时确保点击可以正常选择文本位置"
        scrollableTextField.scrollSpeed = 120 // 自定义滚动速度
        
        view.addSubview(scrollableTextField)
    }
}

• 确保TextField的userInteractionEnabled和isEnabled属性为true（默认就是），这样才能正常触发点击选位功能
• 如果使用AutoLayout布局，layoutSubviews会自动响应尺寸变化，无需额外处理
• 可以根据需求调整动画的延迟时间、重复次数等参数，适配不同场景

内容的提问来源于stack exchange，提问作者sanjaykmwt