更改右圖標圖像UITextField

Question

我試圖在rightView UIImage之間進行切換，這些UIImage作為SubView添加到我的UITextfield中。 當用戶點擊圖標時，它應該顯示或隱藏所插入的密碼，並根據狀態更改UIImage。

我如何編輯下面的代碼來實現這一目標？

碼：

// Show eye icon to show the password
    func textFieldDidChange() {
        if passwordField.text != "" {
            let leftImageView = UIImageView()
            leftImageView.image = UIImage(named: "view_password")
            leftImageView.contentMode = .scaleAspectFit

            let leftView = UIView()
            leftView.addSubview(leftImageView)

            leftView.frame = CGRect(x: 0, y: 0, width: 40, height: 30)
            leftImageView.frame = CGRect(x: 10, y: 10, width: 20, height: 12)

            passwordField.rightViewMode = .whileEditing
            passwordField.rightView = leftView

            let tapgesture = UITapGestureRecognizer(target: self, action: #selector(ViewController.togglePasswordSecurity))
            leftImageView.isUserInteractionEnabled = true
            leftImageView.addGestureRecognizer(tapgesture)

        }else{
            passwordField.rightViewMode = .never
        }
    }


    func togglePasswordSecurity(imageView: UIImageView) {

        if passwordField.isSecureTextEntry == false {

            // change left UIImage to hide_password
            passwordField.isSecureTextEntry = true
        }else{

            // change left UIImage to view_password
            passwordField.isSecureTextEntry = false
        }
    }

非常感謝！

Answer 1

您是否嘗試過為每個圖像添加標簽？ 例如：

let leftImageView = UIImageView()
leftImageView.image = UIImage(named: "view_password")
leftImageView.contentMode = .scaleAspectFit
leftImageView.tag = 1

然后，要更改該圖像，您可以編寫：

let myImage = UIView(withTag: 1) as! UIImageView
myImage.image = ...

編輯：要在2張圖像之間切換，只需更改以下內容即可：func togglePasswordSecurity（imageView：UIImageView）{

    if passwordField.isSecureTextEntry == false {

        let myImage = UIView(withTag: 1) as! UIImageView
        myImage.image = YOUR_IMAGE_1
        // change left UIImage to hide_password
        passwordField.isSecureTextEntry = true
    }else{

        let myImage = UIView(withTag: 1) as! UIImageView
        myImage.image = YOUR_IMAGE_2
        // change left UIImage to view_password
        passwordField.isSecureTextEntry = false
    }
}

Answer 2

解：

// Show eye icon to show the password will be triggered once there is a change in data in the UITextField
    func textFieldDidChange() {
        if passwordField.text != "" {
            let leftImageView = UIImageView()
            leftImageView.image = passwordImage
            leftImageView.contentMode = .scaleAspectFit
            leftImageView.tag = 1

            let leftView = UIView()
            leftView.addSubview(leftImageView)

            leftView.frame = CGRect(x: 0, y: 0, width: 40, height: 30)
            leftImageView.frame = CGRect(x: 10, y: 10, width: 20, height: 12)

            passwordField.rightViewMode = .whileEditing
            passwordField.rightView = leftView

            let tapgesture = UITapGestureRecognizer(target: self, action: #selector(ViewController.togglePasswordSecurity))
            leftImageView.isUserInteractionEnabled = true
            leftImageView.addGestureRecognizer(tapgesture)

        }else{
            passwordField.rightViewMode = .never
        }
    }


    func togglePasswordSecurity() {

        if passwordField.isSecureTextEntry == false {

            passwordImage = UIImage(named: "view_password")
            textFieldDidChange()

            // change left UIImage to hide_password
            passwordField.isSecureTextEntry = true
        }else{

            passwordImage = UIImage(named: "heart")
            self.textFieldDidChange()
            // change left UIImage to view_password
            passwordField.isSecureTextEntry = false
        }
    }