如何將我的文本框設置爲行而不是框？

Question

這是文本框所需的設計：

這是我設計：

我一定要進口一些圖書館或安裝一些豆莢？有沒有一個程序化的方式來做到這一點？

Answer 1

在迅疾，我曾與下面的代碼來實現它：

class viewController: UIViewController 
{ 
    @IBOutlet weak var textfield: UITextField! 

    let layer : CALayer = CALayer() 

    override func viewDidLoad() 
    { 
     textfield.borderStyle = .none // can do this in xib or storyboard too 
     textfield.layer.masksToBounds = true 
     layer?.borderColor = UIColor.lightGray.cgColor 
     layer?.borderWidth = 1.0 
     textfield.layer.addSublayer(layer) 
    } 

    override func viewDidLayoutSubviews() 
    { 

     layer?.frame = CGRect(x: 0, 
           y: textfield.frame.size.height - 1, 
           width: textfield.frame.size.width, 
           height: 1.0) 



    } 

} 

Answer 2

下面是代碼。

輸出：

Answer 3

您可以使用CosmicMind的材質框架，並使用textfield對象。你可以通過cocoapods安裝框架，你可以按照他們的回購示例。