UITextField without borders and with shadows

Question

I'm struggling with a stupid thing, I think ... Here is my problem. I want to get rid of my rounded gray border, making it hidden or transparent so that we can only see the shadows.

Here is my situation:

using the following code:

 private func styleTextField(textField: UITextField)
{
    textField.borderStyle = UITextBorderStyle.RoundedRect
   //textField.layer.cornerRadius = 5.0
   // textField.borderStyle = UITextBorderStyle.None
    textField.layer.borderWidth = 0.0
    textField.layer.masksToBounds = false
    textField.layer.shadowRadius = 4.0
    textField.layer.borderColor = UIColor.whiteColor().CGColor
    textField.layer.shadowColor = UIColor.grayColor().CGColor
    textField.layer.shadowOffset = CGSizeMake(0.0, 0.0)
    textField.layer.shadowOpacity = 0.4
    //textField.layer.borderColor = UIColor.clearColor().CGColor
}

But I want to get the following result:

Of course, I think I can achieve this, but I’ll integrate it into the presentation, but it’s not clean at all for such things.

Any idea on how to achieve this? Or fix it?

EDIT 1: Actual code after sentences. If it can help.

`class SignUpViewController: UIViewController {

@IBOutlet weak var facebookButton: UIButton!
@IBOutlet weak var connectButton: UIButton!
@IBOutlet weak var passField: UITextField!
@IBOutlet weak var emailField: UITextField!
@IBOutlet weak var nomField: UITextField!
@IBOutlet weak var prenomField: UITextField!

override func viewDidLoad() {
    super.viewDidLoad()


    emailField = self.styleTextField(emailField)
    passField = self.styleTextField(passField)
    nomField = self.styleTextField(nomField)
    prenomField = self.styleTextField(prenomField)

    self.styleButton(self.connectButton)
    self.styleButton(self.facebookButton)
}


private func styleTextField(textField: UITextField) -> UITextField
{
    textField.borderStyle = UITextBorderStyle.RoundedRect
    textField.layer.borderWidth = 2.0
    textField.layer.borderColor = UIColor.clearColor().CGColor


    textField.layer.masksToBounds = false
    textField.layer.shadowColor = UIColor.lightGrayColor().CGColor
    textField.layer.shadowOpacity = 0.5
    textField.layer.shadowRadius = 4.0
    textField.layer.shadowOffset = CGSizeMake(0.0, 1.0)

    return textField
}

} `

EDIT 2: The type of border when I create it in my storyboard. Yours faithfully,

Hari

Answer 1

, :

private func styleTextField(textField: UITextField)
{
    textField.borderStyle = UITextBorderStyle.None
    textField.layer.masksToBounds = false
    textField.layer.cornerRadius = 5.0;
    textField.layer.backgroundColor = UIColor.whiteColor().CGColor
    textField.layer.borderColor = UIColor.clearColor().CGColor
    textField.layer.shadowColor = UIColor.blackColor().CGColor
    textField.layer.shadowOffset = CGSizeMake(0.0, 0.0)
    textField.layer.shadowOpacity = 0.2
    textField.layer.shadowRadius = 4.0
}

, !

,

Answer 2

:

textField.layer.borderColor = UIColor.clearColor().CGColor
    textField.layer.masksToBounds = false

    textField.layer.shadowColor = UIColor.blackColor().CGColor

    textField.layer.shadowOpacity = 1.0
    textField.layer.shadowRadius = 50.0

Answer 3

Swift 4.2 code is an IBDesignable class that is easy to use with a storyboard and view all changes

@IBDesignable
class CustomTextfiled: UITextField {

override func awakeFromNib() {
    super.awakeFromNib()
}

override func layoutSubviews() {
    super.layoutSubviews()
}


@IBInspectable var borderColor: UIColor = UIColor.black {
    didSet {

        layer.borderColor = borderColor.cgColor
        borderStyle = UITextField.BorderStyle.none
        layer.masksToBounds = false
        layer.cornerRadius = 5.0;
        layer.backgroundColor = UIColor.white.cgColor
        layer.borderColor = UIColor.clear.cgColor
        layer.shadowColor = borderColor.cgColor
        layer.shadowOffset = CGSize(width: 0, height: 0)
        layer.shadowOpacity = 0.15
        layer.shadowRadius = 4.0

    }
}

}