UITextField leftView和rightView重叠的问题-iOS13

Question

这类似于UITextField rightView overlaps right align text 但我很难理解如何解决此问题：

当iOS 13.1发生重叠时， 我设置borderStyle = .none 如果有边框，则文字不会与 图片。

    public func addRightImage(_ image: UIImage, accessibilityIdentifier: String? = nil,
                              size: CGSize) {
        self.rightViewMode = .always
        let widthImageView : CGFloat = 25

        let rightImageView = UIImageView(frame: .init(x: 0, y: 0, width: widthImageView, height: self.bounds.size.height))
        rightImageView.accessibilityIdentifier = accessibilityIdentifier
        rightImageView.image = image
        if #available(iOS 13, *) {
            self.rightView = rightImageView
        } else {
            assert(self.rightImageView == nil)
            let widthView : CGFloat = is4incher ? 30 : 50

            let rightView = UIView(frame: .init(x: 0, y: 0, width: widthView, height: self.bounds.size.height))
                       rightView.isUserInteractionEnabled = false
                        self.rightView = rightView
            rightView.addSubview(rightImageView)

            rightView.isUserInteractionEnabled = false
            self.rightView = rightView

            rightImageView.anchors(centerX: rightView.centerXAnchor, centerY: rightView.centerYAnchor,
                                   size: size)
        }
        rightImageView.set(color: self.textColor ?? .white)
        rightImageView.contentMode = .scaleAspectFit
        self.rightImageView = rightImageView
    }

如果我摆脱

    if #available(iOS 13, *) {
        self.rightView = rightImageView

，然后进入ios12路径，将图像居中 UITextField和文本完全消失了：

我可以做些什么来修复我的代码，或者如果我的代码看起来还可以的话，我需要向苹果提交错误吗？

Answer 1

Swift 5-iOS13

  

在iOS 13之前，UITextField假定其leftView的框架   和rightView在分配时已正确设置，并且永远不会更改。

从iOS 13开始，leftViewRect(forBounds:)和rightViewRect(forBounds:)的实现现在向视图询问其systemLayoutSizeFitting(_:)。

要实现与iOS 13链接并在iOS 13上运行时的先前行为，请在视图上添加显式的大小限制，将其包装在纯UIView中，或将视图子类化并实现systemLayoutSizeFitting(_:)

---

textField类中的方法覆盖

override func rightViewRect(forBounds bounds: CGRect) -> CGRect {
    return CGRect(x: bounds.width - 50, y: 0, width: 30 , height: bounds.height)
    }

参考链接- https://howtotechglitz.com/apple-has-just-released-ios-13-developer-beta-5-for-iphone-ios-iphone-gadget-hacks/

希望对您有帮助。

Answer 2

将宽度 constraint添加到rightView / leftView。

别忘了设置translatesAutoresizingMaskIntoConstraints = false

rightView.translatesAutoresizingMaskIntoConstraints = false
rightView.widthAnchor.constraint(equalToConstant: <#NeededWidth#>).isActive = true
// This is enough to make it act like before but you can set other missing constraints like height to suppress layout warnings and prevent further issues.
// rightView.heightAnchor.constraint(equalToConstant: <#HeightOfTheTextField#>).isActive = true

您可能会在领事中注意到一些自动布局警告，因为您没有为rightView / leftView设置缺少约束。因此，添加缺少的约束或直接忽略这些约束。

请注意，如果rightView / leftView是某种StackView，请尝试将其放在view中，然后添加此视图。

-更多信息

来自iOS & iPadOS 13 Developer Beta 5 Release Notes：

  

UIKit-已解决的问题

     

在iOS 13之前，UITextField假定在分配时已正确设置其leftView和rightView的帧，并且不会更改。从iOS 13开始，leftViewRect（forBounds :)和rightViewRect（forBounds :)的实现现在向视图询问其systemLayoutSizeFitting（ :)。要实现与iOS 13链接并在iOS 13上运行时的先前行为，请在视图上添加显式的大小限制，将其包装在纯UIView中，或将视图子类化并实现systemLayoutSizeFitting（ :)。 （51787798）

Answer 3

1. 确保设置为ImageView的图像具有与ImageView相同的尺寸。这将是最简单的方法，只需调整图像大小即可。

2. 重写rightViewRect（）方法并根据需要提供大小。