【Swift】UITextFieldの左端に余白を設ける方法

記事内に商品プロモーションを含む場合があります

テキストフィールドの左端に余白がないと、ちょっと見た目が気持ち悪いですよね。

そこで、左端に余白を設ける簡単な方法を紹介します。

実装方法

簡単なやり方は、テキストフィールドが持つ「letfView」というプロパティに、透明のViewを設定するやり方です。

次のように書きます。

class ViewController: UIViewController, UITableViewDataSource {

  @IBOutlet weak var textField: UITextField!
  override func viewDidLoad() {
    super.viewDidLoad()
  
    //テキストフィールドの左端に余白を設ける
     let leftPadding = UIView(frame: CGRect(x: 0, y: 0, width: 20, height: 0))
     leftPadding.backgroundColor = UIColor.clear
     textField.leftView = leftPadding
     textField.leftViewMode = .always
  }
}