{"id":575,"date":"2023-02-25T19:18:03","date_gmt":"2023-02-25T11:18:03","guid":{"rendered":"https:\/\/www.appblog.cn\/?p=575"},"modified":"2023-04-29T20:32:46","modified_gmt":"2023-04-29T12:32:46","slug":"swift-ui-text-input-box-uitextfield","status":"publish","type":"post","link":"https:\/\/www.appblog.cn\/index.php\/2023\/02\/25\/swift-ui-text-input-box-uitextfield\/","title":{"rendered":"Swift UI &#8211; \u6587\u672c\u8f93\u5165\u6846\uff08UITextField\uff09"},"content":{"rendered":"<blockquote>\n<p>\u6ce8\uff1a\u4ee3\u7801\u5df2\u5347\u7ea7\u81f3Swift4<\/p>\n<\/blockquote>\n<h3>\u6587\u672c\u6846\u7684\u521b\u5efa<\/h3>\n<p>\u6587\u672c\u8f93\u5165\u6846\u652f\u6301\u7684\u6837\u5f0f\uff1a<\/p>\n<p><!-- more --><\/p>\n<pre><code class=\"language-swift\">UITextBorderStyle.none\uff1a\u65e0\u8fb9\u6846\nUITextBorderStyle.line\uff1a\u76f4\u7ebf\u8fb9\u6846\nUITextBorderStyle.roundedRect\uff1a\u5706\u89d2\u77e9\u5f62\u8fb9\u6846\nUITextBorderStyle.bezel\uff1a\u8fb9\u7ebf+\u9634\u5f71<\/code><\/pre>\n<p>\u5706\u89d2\u77e9\u5f62\u8fb9\u6846\u6837\u4f8b\uff1a<\/p>\n<pre><code class=\"language-swift\">let textField = UITextField(frame: CGRect(x:10, y:60, width:200, height:30))\n\/\/\u8bbe\u7f6e\u8fb9\u6846\u6837\u5f0f\u4e3a\u5706\u89d2\u77e9\u5f62\ntextField.borderStyle = UITextBorderStyle.roundedRect\nself.view.addSubview(textField)<\/code><\/pre>\n<h3>\u4fee\u6539\u8fb9\u6846\u989c\u8272\u3001\u7c97\u7ec6\u3001\u5706\u89d2\u534a\u5f84<\/h3>\n<pre><code class=\"language-swift\">let textField = UITextField(frame: CGRect(x:10, y:60, width:200, height:30))\n\/\/\u8bbe\u7f6e\u8fb9\u6846\u6837\u5f0f\u4e3a\u5706\u89d2\u77e9\u5f62\ntextField.borderStyle = UITextBorderStyle.roundedRect\nself.view.addSubview(textField)\n\n\/\/\u4fee\u6539\u5706\u89d2\u534a\u5f84\u7684\u8bdd\u9700\u8981\u5c06masksToBounds\u8bbe\u4e3atrue\ntextField.layer.masksToBounds = true\ntextField.layer.cornerRadius = 12.0  \/\/\u5706\u89d2\u534a\u5f84\ntextField.layer.borderWidth = 2.0  \/\/\u8fb9\u6846\u7c97\u7ec6\ntextField.layer.borderColor = UIColor.red.cgColor  \/\/\u8fb9\u6846\u989c\u8272<\/code><\/pre>\n<h3>\u6587\u672c\u6846\u63d0\u793a\u6587\u5b57<\/h3>\n<pre><code class=\"language-swift\">textField.placeholder=&quot;\u8bf7\u8f93\u5165\u7528\u6237\u540d&quot;<\/code><\/pre>\n<h3>\u6587\u5b57\u5927\u5c0f\u8d85\u8fc7\u6587\u672c\u6846\u957f\u5ea6\u65f6\u81ea\u52a8\u7f29\u5c0f\u5b57\u53f7\uff0c\u800c\u4e0d\u662f\u9690\u85cf\u663e\u793a\u7701\u7565\u53f7<\/h3>\n<pre><code class=\"language-swift\">textField.adjustsFontSizeToFitWidth=true  \/\/\u5f53\u6587\u5b57\u8d85\u51fa\u6587\u672c\u6846\u5bbd\u5ea6\u65f6\uff0c\u81ea\u52a8\u8c03\u6574\u6587\u5b57\u5927\u5c0f\ntextField.minimumFontSize=14  \/\/\u6700\u5c0f\u53ef\u7f29\u5c0f\u7684\u5b57\u53f7<\/code><\/pre>\n<h3>\u6c34\u5e73\/\u5782\u76f4\u5bf9\u9f50\u65b9\u5f0f<\/h3>\n<pre><code class=\"language-swift\">\/** \u6c34\u5e73\u5bf9\u9f50 **\/\ntextField.textAlignment = .right  \/\/\u6c34\u5e73\u53f3\u5bf9\u9f50\ntextField.textAlignment = .center  \/\/\u6c34\u5e73\u5c45\u4e2d\u5bf9\u9f50\ntextField.textAlignment = .left  \/\/\u6c34\u5e73\u5de6\u5bf9\u9f50\n\n\/** \u5782\u76f4\u5bf9\u9f50 **\/\ntextField.contentVerticalAlignment = .top  \/\/\u5782\u76f4\u5411\u4e0a\u5bf9\u9f50\ntextField.contentVerticalAlignment = .center  \/\/\u5782\u76f4\u5c45\u4e2d\u5bf9\u9f50\ntextField.contentVerticalAlignment = .bottom  \/\/\u5782\u76f4\u5411\u4e0b\u5bf9\u9f50<\/code><\/pre>\n<h3>\u80cc\u666f\u56fe\u7247\u8bbe\u7f6e<\/h3>\n<pre><code class=\"language-swift\">textField.borderStyle = .none \/\/\u5148\u8981\u53bb\u9664\u8fb9\u6846\u6837\u5f0f\ntextField.background = UIImage(named:&quot;background1&quot;);<\/code><\/pre>\n<h3>\u6e05\u9664\u6309\u94ae\uff08\u8f93\u5165\u6846\u5185\u53f3\u4fa7\u5c0f\u53c9\uff09<\/h3>\n<pre><code class=\"language-swift\">textField.clearButtonMode = .whileEditing  \/\/\u7f16\u8f91\u65f6\u51fa\u73b0\u6e05\u9664\u6309\u94ae\ntextField.clearButtonMode = .unlessEditing  \/\/\u7f16\u8f91\u65f6\u4e0d\u51fa\u73b0\uff0c\u7f16\u8f91\u540e\u624d\u51fa\u73b0\u6e05\u9664\u6309\u94ae\ntextField.clearButtonMode = .always  \/\/\u4e00\u76f4\u663e\u793a\u6e05\u9664\u6309\u94ae<\/code><\/pre>\n<h3>\u5bc6\u7801\u8f93\u5165\u6846<\/h3>\n<pre><code class=\"language-swift\">textField.isSecureTextEntry = true  \/\/\u8f93\u5165\u5185\u5bb9\u4f1a\u663e\u793a\u6210\u5c0f\u9ed1\u70b9<\/code><\/pre>\n<h3>\u8bbe\u7f6e\u6587\u672c\u6846\u5173\u8054\u7684\u952e\u76d8\u7c7b\u578b<\/h3>\n<pre><code class=\"language-swift\">Default\uff1a\u7cfb\u7edf\u9ed8\u8ba4\u7684\u865a\u62df\u952e\u76d8\nASCII Capable\uff1a\u663e\u793a\u82f1\u6587\u5b57\u6bcd\u7684\u865a\u62df\u952e\u76d8\nNumbers and Punctuation\uff1a\u663e\u793a\u6570\u5b57\u548c\u6807\u70b9\u7684\u865a\u62df\u952e\u76d8\nURL\uff1a\u663e\u793a\u4fbf\u4e8e\u8f93\u5165url\u7f51\u5740\u7684\u865a\u62df\u952e\u76d8\nNumber Pad\uff1a\u663e\u793a\u4fbf\u4e8e\u8f93\u5165\u6570\u5b57\u7684\u865a\u62df\u952e\u76d8\nPhone Pad\uff1a\u663e\u793a\u4fbf\u4e8e\u62e8\u53f7\u547c\u53eb\u7684\u865a\u62df\u952e\u76d8\nName Phone Pad\uff1a\u663e\u793a\u4fbf\u4e8e\u804a\u5929\u62e8\u53f7\u7684\u865a\u62df\u952e\u76d8\nEmail Address\uff1a\u663e\u793a\u4fbf\u4e8e\u8f93\u5165Email\u7684\u865a\u62df\u952e\u76d8\nDecimal Pad\uff1a\u663e\u793a\u7528\u4e8e\u8f93\u5165\u6570\u5b57\u548c\u5c0f\u6570\u70b9\u7684\u865a\u62df\u952e\u76d8\nTwitter\uff1a\u663e\u793a\u65b9\u4fbf\u4e9bTwitter\u7684\u865a\u62df\u952e\u76d8\nWeb Search\uff1a\u663e\u793a\u4fbf\u4e8e\u5728\u7f51\u9875\u4e0a\u4e66\u5199\u7684\u865a\u62df\u952e\u76d8<\/code><\/pre>\n<p>\u6570\u5b57\u952e\u76d8\u4f7f\u7528\u6837\u4f8b\uff1a<\/p>\n<pre><code class=\"language-swift\">textField.keyboardType = UIKeyboardType.numberPad<\/code><\/pre>\n<h3>\u4f7f\u6587\u672c\u6846\u5728\u754c\u9762\u6253\u5f00\u65f6\u5c31\u83b7\u53d6\u7126\u70b9\uff0c\u5e76\u5f39\u51fa\u8f93\u5165\u952e\u76d8<\/h3>\n<pre><code class=\"language-swift\">textField.becomeFirstResponder()<\/code><\/pre>\n<h3>\u4f7f\u6587\u672c\u6846\u5931\u53bb\u7126\u70b9\uff0c\u5e76\u6536\u56de\u952e\u76d8<\/h3>\n<pre><code class=\"language-swift\">textField.resignFirstResponder()<\/code><\/pre>\n<h3>\u8bbe\u7f6e\u952e\u76d8 return \u952e\u7684\u6837\u5f0f<\/h3>\n<pre><code class=\"language-swift\">textField.returnKeyType = UIReturnKeyType.done  \/\/\u8868\u793a\u5b8c\u6210\u8f93\u5165\ntextField.returnKeyType = UIReturnKeyType.go  \/\/\u8868\u793a\u5b8c\u6210\u8f93\u5165\uff0c\u540c\u65f6\u4f1a\u8df3\u5230\u53e6\u4e00\u9875\ntextField.returnKeyType = UIReturnKeyType.search  \/\/\u8868\u793a\u641c\u7d22\ntextField.returnKeyType = UIReturnKeyType.join  \/\/\u8868\u793a\u6ce8\u518c\u7528\u6237\u6216\u6dfb\u52a0\u6570\u636e\ntextField.returnKeyType = UIReturnKeyType.next  \/\/\u8868\u793a\u7ee7\u7eed\u4e0b\u4e00\u6b65\ntextField.returnKeyType = UIReturnKeyType.send  \/\/\u8868\u793a\u53d1\u9001<\/code><\/pre>\n<h3>\u952e\u76d8 return \u952e\u7684\u54cd\u5e94<\/h3>\n<pre><code class=\"language-swift\">import UIKit\n\nclass ViewController: UIViewController, UITextFieldDelegate {\n\n    override func viewDidLoad() {\n        super.viewDidLoad()\n\n        let textField = UITextField(frame: CGRect(x:10, y:160, width:200, height:30))\n        \/\/\u8bbe\u7f6e\u8fb9\u6846\u6837\u5f0f\u4e3a\u5706\u89d2\u77e9\u5f62\n        textField.borderStyle = UITextBorderStyle.roundedRect\n        textField.returnKeyType = UIReturnKeyType.done\n        textField.delegate = self\n        self.view.addSubview(textField)\n    }\n\n    func textFieldShouldReturn(_ textField: UITextField) -&gt; Bool {\n        \/\/\u6536\u8d77\u952e\u76d8\n        textField.resignFirstResponder()\n        \/\/\u6253\u5370\u51fa\u6587\u672c\u6846\u4e2d\u7684\u503c\n        print(textField.text ?? &quot;&quot;)\n        return true\n    }\n}<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>\u6ce8\uff1a\u4ee3\u7801\u5df2\u5347\u7ea7\u81f3Swift4 \u6587\u672c\u6846\u7684\u521b\u5efa \u6587\u672c\u8f93\u5165\u6846\u652f\u6301\u7684\u6837\u5f0f\uff1a UITextBorderStyle.non [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[171],"tags":[],"class_list":["post-575","post","type-post","status-publish","format-standard","hentry","category-swift"],"_links":{"self":[{"href":"https:\/\/www.appblog.cn\/index.php\/wp-json\/wp\/v2\/posts\/575","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.appblog.cn\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.appblog.cn\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.appblog.cn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.appblog.cn\/index.php\/wp-json\/wp\/v2\/comments?post=575"}],"version-history":[{"count":0,"href":"https:\/\/www.appblog.cn\/index.php\/wp-json\/wp\/v2\/posts\/575\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.appblog.cn\/index.php\/wp-json\/wp\/v2\/media?parent=575"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.appblog.cn\/index.php\/wp-json\/wp\/v2\/categories?post=575"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.appblog.cn\/index.php\/wp-json\/wp\/v2\/tags?post=575"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}