如何在圆角的UITextField上添加阴影？

Question

我想实现一个阴影UITextField圆角像下面的图像：

我的代码如下：

override func viewDidLoad() { 
     super.viewDidLoad() 
     textField.layer.cornerRadius =    textField.frame.size.height/2 
     textField.layer.borderWidth = 1.0 
     textField.layer.borderColor = UIColor(white: 0.5, alpha: 0.3).cgColor 
     textField.layer.shadowOpacity = 1 
     textField.layer.shadowRadius = 4.0 
     textField.layer.shadowColor = UIColor.black.cgColor 
    } 

，但是，我觉得缺了点什么......

输出：

在此先感谢！

Answer 1

尝试下面的代码实现对roundRect文本框的阴影效果。

//Basic texfield Setup 
    textField.borderStyle = .none 
    textField.backgroundColor = UIColor.groupTableViewBackground // Use anycolor that give you a 2d look. 

    //To apply corner radius 
    textField.layer.cornerRadius = textField.frame.size.height/2 

    //To apply border 
    textField.layer.borderWidth = 0.25 
    textField.layer.borderColor = UIColor.white.cgColor 

    //To apply Shadow 
    textField.layer.shadowOpacity = 1 
    textField.layer.shadowRadius = 3.0 
    textField.layer.shadowOffset = CGSize.zero // Use any CGSize 
    textField.layer.shadowColor = UIColor.gray.cgColor 

    //To apply padding 
    let paddingView : UIView = UIView(frame: CGRect(x: 0, y: 0, width: 20, height: textField.frame.height)) 
    textField.leftView = paddingView 
    textField.leftViewMode = UITextFieldViewMode.always 

注：出于某种原因textField.borderStyle = .none未生效，即使设置代码viewWillLayoutSubviews()或viewDidLayoutSubviews()。所以，我建议你通过故事板文本框Attributes inspector设置的borderStyle。从实际设备

输出：

为了实现阴影效果：（像其他SO帖）

textField.layer.borderColor = UIColor.black.withAlphaComponent(0.25).cgColor 
    textField.layer.shadowOffset = CGSize(width: 0, height: 3) 
    textField.layer.shadowColor = UIColor.black.cgColor //Any dark color 

输出：

Answer 2

试试这个：

textField.layer.masksToBounds = false 
textField.layer.shadowRadius = 4.0 
textField.layer.shadowColor = UIColor.black.cgColor 
textField.layer.shadowOffset = CGSize(width: 1.0, height: 1.0) 
textField.layer.shadowOpacity = 1.0 

Answer 3

您可以添加此扩展名，然后使用方法“addShadow”到阴影添加到您文本字段，标签，TextView的等..

extension UIView {  
func addShadow(shadowColor: CGColor = UIColor.black.cgColor, 
        shadowOffset: CGSize = CGSize(width: 1.0, height: 2.0), 
        shadowOpacity: Float = 0.4, 
        shadowRadius: CGFloat = 3.0) { 
     layer.shadowColor = shadowColor 
     layer.shadowOffset = shadowOffset 
     layer.shadowOpacity = shadowOpacity 
     layer.shadowRadius = shadowRadius 
     layer.masksToBounds = false 
    } 
} 

Answer 4

使用这下面的代码

textfield.layer.cornerRadius = textfield.frame.size.height/2 
    textfield.clipsToBounds = false 
    textfield.layer.shadowOpacity=0.4 
    textfield.layer.shadowOffset = CGSize(width: 0, height: 0) 

输出：