blocks|key|3141048|text|此按钮是由UITextField类提供的内置覆盖，但是从iOS+2.2SDK开始，没有任何方法可以通过接口生成器设置它。您必须以编程方式启用它。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3141049|在某个地方添加下面这行代码(例如viewDidLoad)：|3141050|Objective-C|BOLD|3141051|myUITextField.clearButtonMode+=+UITextFieldViewModeWhileEditing;|code-block|syntax|javascript|3141052|Swift+5.0|3141053|myUITextField.clearButtonMode+=+.whileEditing|3141054|entityMap^0|5|B|0|G|B|0|0|B|0|0|0|9|0|0^^$0|@$1|2|3|4|5|6|7|V|8|@$9|W|A|X|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|Y|8|@$9|Z|A|10|B|C]]|D|@]|E|$]]|$1|H|3|I|5|6|7|11|8|@$9|12|A|13|B|J]]|D|@]|E|$]]|$1|K|3|L|5|M|7|14|8|@]|D|@]|E|$N|O]]|$1|P|3|Q|5|6|7|15|8|@$9|16|A|17|B|J]]|D|@]|E|$]]|$1|R|3|S|5|M|7|18|8|@]|D|@]|E|$N|O]]|$1|T|3|-4|5|6|7|19|8|@]|D|@]|E|$]]]|U|$]]

This button is a built-in overlay that is provided by the <code>UITextField</code> class, but as of the iOS 2.2 SDK, there isn't any way to set it via Interface Builder. You have to enable it programmatically.

Add this line of code somewhere (<code>viewDidLoad</code>, for example):

Objective-C

<pre><code>myUITextField.clearButtonMode = UITextFieldViewModeWhileEditing;
</code></pre>

Swift 5.0

<pre><code>myUITextField.clearButtonMode = .whileEditing
</code></pre>

blocks|key|3354022|text|您也可以直接从属性检查器下的Interface+Builder设置此设置。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3354023|​|3354024|📷|atomic|offset|length|3354025|3354026|摘自XCode+5.1|3354027|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/ceb0e99a20198efbebf558a611a198c6.png|imageAlt^0|0|0|0|1|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|W|8|@]|9|@$G|X|H|Y|1|Z]]|A|$]]|$1|I|3|C|5|6|7|10|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|11|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|M|$N|$5|O|P|Q|A|$R|S|T|-4]]]]

You can also set this directly from Interface Builder under the Attributes Inspector.

<img src="https://i.stack.imgur.com/gcEbm.png" alt="enter image description here">

Taken from XCode 5.1

blocks|key|359312|text|Swift+4%2B：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|359313|textField.clearButtonMode+=+UITextField.ViewMode.whileEditing|code-block|syntax|javascript|359314|或者甚至更短：|359315|textField.clearButtonMode+=+.whileEditing|359316|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

Swift 4+:

<pre><code>textField.clearButtonMode = UITextField.ViewMode.whileEditing
</code></pre>

or even shorter:

<pre><code>textField.clearButtonMode = .whileEditing
</code></pre>

blocks|key|3141073|text|你可以添加自定义清除按钮，并使用以下命令控制大小和所有内容：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3141074|UIButton+*clearButton+=+[UIButton+buttonWithType:UIButtonTypeCustom];
[clearButton+setImage:img+forState:UIControlStateNormal];
[clearButton+setFrame:frame];
[clearButton+addTarget:self+action:@selector(clearTextField:)+forControlEvents:UIControlEventTouchUpInside];

textField.rightViewMode+=+UITextFieldViewModeAlways;+//can+be+changed+to+UITextFieldViewModeNever,++++UITextFieldViewModeWhileEditing,+++UITextFieldViewModeUnlessEditing
[textField+setRightView:clearButton];|code-block|syntax|javascript|3141075|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

you can add custom clear button and control the size and every thing using this:

<pre><code>UIButton *clearButton = [UIButton buttonWithType:UIButtonTypeCustom];
[clearButton setImage:img forState:UIControlStateNormal];
[clearButton setFrame:frame];
[clearButton addTarget:self action:@selector(clearTextField:) forControlEvents:UIControlEventTouchUpInside];

textField.rightViewMode = UITextFieldViewModeAlways; //can be changed to UITextFieldViewModeNever, UITextFieldViewModeWhileEditing, UITextFieldViewModeUnlessEditing
[textField setRightView:clearButton];
</code></pre>

blocks|key|3141142|text|目标C：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3141143|self.txtUserNameTextfield.myUITextField.clearButtonMode+=+UITextFieldViewModeWhileEditing;|code-block|syntax|javascript|3141144|Swift：|3141145|txtUserNameTextfield.clearButtonMode+=+UITextField.ViewMode.WhileEditing;|3141146|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

Objective C :

<pre><code>self.txtUserNameTextfield.myUITextField.clearButtonMode = UITextFieldViewModeWhileEditing;
</code></pre>

Swift :

<pre><code>txtUserNameTextfield.clearButtonMode = UITextField.ViewMode.WhileEditing;
</code></pre>

blocks|key|3141178|text|这不管用，像我一样：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3141179|3141180|+swift：|blockquote|3141181|3141182|3141183|customTextField.clearButtonMode+=+UITextField.ViewMode.Always

customTextField.clearsOnBeginEditing+=+true;

func+textFieldShouldClear(textField:+UITextField)+->+Bool+{
++++return+true
}|code-block|syntax|javascript|3141184|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|P|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|Q|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|R|8|@]|9|@]|A|$]]|$1|G|3|-4|5|6|7|S|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|T|8|@]|9|@]|A|$K|L]]|$1|M|3|-4|5|6|7|U|8|@]|9|@]|A|$]]]|N|$]]

this don't work, do like me: 

<blockquote>
 swift:
</blockquote>

<pre><code>customTextField.clearButtonMode = UITextField.ViewMode.Always

customTextField.clearsOnBeginEditing = true;

func textFieldShouldClear(textField: UITextField) -&gt; Bool {
 return true
}
</code></pre>

blocks|key|359401|text|Swift+4+(改编自克里斯托弗·约翰逊的答案)|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|359402|textfield.clearButtonMode+=+.always

textfield.clearButtonMode+=+.whileEditing

textfield.clearButtonMode+=+.unlessEditing

textfield.clearButtonMode+=+.never|code-block|syntax|javascript|359403|entityMap^0|0|7|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

Swift 4 (adapted from Kristopher Johnson's answer)

<pre><code>textfield.clearButtonMode = .always

textfield.clearButtonMode = .whileEditing

textfield.clearButtonMode = .unlessEditing

textfield.clearButtonMode = .never
</code></pre>

blocks|key|356828|text|在Xcode+8(8A218a)上：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|356829|Swift：|356830|textField.clearButtonMode+=+UITextField.ViewMode.whileEditing;|code-block|syntax|javascript|356831|"w“从大写变为非大写的"W”。|356832|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|O|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

On Xcode 8 (8A218a):

Swift: 

<pre><code>textField.clearButtonMode = UITextField.ViewMode.whileEditing;
</code></pre>

The "W" went from capital to non-cap "w".

blocks|key|354680|text|++func+clear_btn(box_is+:+UITextField){
++++box_is.clearButtonMode+=+.always
++++if+let+clearButton+=+box_is.value(forKey:+"_clearButton")+as?+UIButton+{
++++++++let+templateImage+=++clearButton.imageView?.image?.withRenderingMode(.alwaysTemplate)

++++++++clearButton.setImage(templateImage,+for:+.normal)
++++++++clearButton.setImage(templateImage,+for:+.highlighted)

++++++++clearButton.tintColor+=+.white

+++++}
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|354681|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code> func clear_btn(box_is : UITextField){
 box_is.clearButtonMode = .always
 if let clearButton = box_is.value(forKey: "_clearButton") as? UIButton {
 let templateImage = clearButton.imageView?.image?.withRenderingMode(.alwaysTemplate)

 clearButton.setImage(templateImage, for: .normal)
 clearButton.setImage(templateImage, for: .highlighted)

 clearButton.tintColor = .white

 }
}
</code></pre>

blocks|key|356861|text|使用下面的代码行。如果rightView在那里，则不显示清除按钮。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|356862|self.txtField.rightView+=+nil
self.txtField.rightViewMode+=+.never
self.txtField.clearButtonMode+=+UITextField.ViewMode.always|code-block|syntax|javascript|356863|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Use below lines of code. If rightView is there clear button is not showing.
<pre><code>self.txtField.rightView = nil
self.txtField.rightViewMode = .never
self.txtField.clearButtonMode = UITextField.ViewMode.always
</code></pre>

blocks|key|356046|text|在Xcode版本8.1+(8B62)上，可以直接在Attributes+Inspector中完成。选择textField，然后从位于属性检查器中的清除按钮下拉框中选择适当的选项。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|356047|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

On Xcode Version 8.1 (8B62) it can be done directly in Attributes Inspector. Select the textField and then choose the appropriate option from Clear Button drop down box, which is located in Attributes Inspector.

How do you add that little "X" button on the right side of a UITextField that clears the text? I can't find an attribute for adding this sub-control in Interface Builder in the iPhone OS 2.2 SDK.

Note: In Xcode 4.x and later (iPhone 3.0 SDK and later), you can do this in Interface Builder.

Adding the "Clear" Button to an iPhone UITextField

Objective-C

Swift

Xcode

如何在UITextField右侧添加清除文本的小"X“按钮？我在iPhone OS 2.2SDK的接口生成器中找不到用于添加此子控件的属性。注意：在Xcode4.x和更高版本(iPhone 3.0SDK和更高版本)中，您可以在界面生成器中执行此操作。

问向iPhone UITextField添加"Clear“按钮
EN

回答 11

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问向iPhone UITextField添加"Clear“按钮EN

回答 11

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问向iPhone UITextField添加"Clear“按钮
EN