Swift UITextField rightView自定义UIButton（密文切换按钮）图片尺寸适配问题

无需为不同设备尺寸单独准备图片，仅保留常规的@2x、@3x倍率切图即可，通过代码调整即可解决适配问题。

问题根源 #

• 手动设置按钮frame失效，是因为UITextField的rightView会自动调整子视图尺寸，且按钮内部的UIImageView没有设置正确的缩放规则，导致图片直接按原始尺寸渲染超出按钮范围。
• 约束不生效大概率是未正确配置按钮的布局属性，或存在约束冲突被系统忽略。

修复代码 #

let button = UIButton(type: .custom)
setPasswordToggleImage(button)

// 核心配置1：设置图片等比适配规则，不拉伸、不超出按钮范围
button.imageView?.contentMode = .scaleAspectFit
button.contentVerticalAlignment = .fill
button.contentHorizontalAlignment = .fill

// 核心配置2：给按钮加固定宽高约束，覆盖rightView的自动尺寸调整
button.translatesAutoresizingMaskIntoConstraints = false
button.widthAnchor.constraint(equalToConstant: 24).isActive = true
button.heightAnchor.constraint(equalToConstant: 24).isActive = true

// 原有位置调整逻辑保留
button.imageEdgeInsets = UIEdgeInsets(top: 0, left: -10, bottom: 0, right: 0)

button.addTarget(self, action: #selector(self.togglePasswordView), for: .touchUpInside)
self.rightView = button
self.rightViewMode = .always
button.alpha = 0.4

上面代码中的24是图标基准尺寸，你可以根据设计需求调整成合适的数值。

动态适配方案（可选） #

如果需要让图标尺寸随屏幕大小等比缩放，大屏显示稍大、小屏显示稍小，可以替换固定尺寸的约束代码为动态计算逻辑：

// 以iPhone 8的屏幕宽度375pt为基准，等比缩放图标尺寸
let referenceScreenWidth: CGFloat = 375
let adaptiveIconSize = UIScreen.main.bounds.width / referenceScreenWidth * 24
button.widthAnchor.constraint(equalToConstant: adaptiveIconSize).isActive = true
button.heightAnchor.constraint(equalToConstant: adaptiveIconSize).isActive = true

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