https://www.jianshu.com/p/63bdeca39ddf
1、文本輸入框的創建#####
let textField = UITextField(frame: CGRect(x:10, y:60, width:200, height:30))
// let textField = UITextField()
// textField.frame = CGRect(x:20,y:30,width:100,height:30)
//設置邊框樣式為圓角矩形
textField.borderStyle = UITextBorderStyle.roundedRect
self.view.addSubview(textField)
其中,文本輸入框的邊框樣式有以下幾種:
public enum UITextBorderStyle : Int {
case none 無邊框
case line 直線邊框
case bezel 圓角矩形邊框
case roundedRect 邊線+陰影
}
2、文本輸入框的提示文字#####
textField.placeholder = "請輸入相關信息"
提示文字
3、文字大小超過文本框長度時自動縮小字號,而不是隱藏顯示省略號#####
textField.adjustsFontSizeToFitWidth=true //當文字超出文本框寬度時,自動調整文字大小
textField.minimumFontSize=14 //最小可縮小的字號
4、水平/垂直對齊方式
/** 水平對齊 **/
textField.textAlignment = .right //水平右對齊
textField.textAlignment = .center //水平居中對齊
textField.textAlignment = .left //水平左對齊
/** 垂直對齊 **/
textField.contentVerticalAlignment = .top //垂直向上對齊
textField.contentVerticalAlignment = .center //垂直居中對齊
textField.contentVerticalAlignment = .bottom //垂直向下對齊
5、背景圖片設置
textField.borderStyle = .none //先要去除邊框樣式
textField.background = UIImage(named:"background1");
6、清除按鈕(輸入框內右側小叉)#####
textField.clearButtonMode = .whileEditing //編輯時出現清除按鈕
textField.clearButtonMode = .unlessEditing //編輯時不出現,編輯后才出現清除按鈕
textField.clearButtonMode = .always //一直顯示清除按鈕
7,設置文本框關聯的鍵盤類型#####
Default:系統默認的虛擬鍵盤
ASCII Capable:顯示英文字母的虛擬鍵盤
Numbers and Punctuation:顯示數字和標點的虛擬鍵盤
URL:顯示便於輸入url網址的虛擬鍵盤
Number Pad:顯示便於輸入數字的虛擬鍵盤
Phone Pad:顯示便於撥號呼叫的虛擬鍵盤
Name Phone Pad:顯示便於聊天撥號的虛擬鍵盤
Email Address:顯示便於輸入Email的虛擬鍵盤
Decimal Pad:顯示用於輸入數字和小數點的虛擬鍵盤
Twitter:顯示方便些Twitter的虛擬鍵盤
Web Search:顯示便於在網頁上書寫的虛擬鍵盤
使用樣例:
textField.keyboardType = UIKeyboardType.numberPad
8,使文本框在界面打開時就獲取焦點,並彈出輸入鍵盤
textField.becomeFirstResponder()
9,使文本框失去焦點,並收回鍵盤
##########
textField.resignFirstResponder()
10,設置鍵盤return鍵的樣式
textField.returnKeyType = UIReturnKeyType.done //表示完成輸入
textField.returnKeyType = UIReturnKeyType.go //表示完成輸入,同時會跳到另一頁
textField.returnKeyType = UIReturnKeyType.search //表示搜索
textField.returnKeyType = UIReturnKeyType.join //表示注冊用戶或添加數據
textField.returnKeyType = UIReturnKeyType.next //表示繼續下一步
textField.returnKeyType = UIReturnKeyType.send //表示發送
11,鍵盤return鍵的響應
import UIKit
class ViewController: UIViewController,UITextFieldDelegate {
override func viewDidLoad() {
super.viewDidLoad()
let textField = UITextField(frame: CGRect(x:10,y:160,width:200,height:30))
//設置邊框樣式為圓角矩形
textField.borderStyle = UITextBorderStyle.roundedRect
textField.returnKeyType = UIReturnKeyType.done
textField.delegate=self
self.view.addSubview(textField)
}
func textFieldShouldReturn(_ textField: UITextField) -> Bool {
//收起鍵盤
textField.resignFirstResponder()
//打印出文本框中的值
print(textField.text)
return true;
}
}
12、輸入/顯示文本字體的顏色#####
textField.textColor = UIColor.cyan
13、文本框的字體大小設置#####
//text.font = [UIFont fontWithName:@"Arial" size:20.0f]; //設置輸入框內容的字體樣式和大小
textField.font = UIFont.systemFont(ofSize: 14)
14、文本輸入框的代理設置(遵守UITextFieldDelegate協議)#####
例子:class ViewController: UIViewController,UITextFieldDelegate {
textField.delegate = self
15、輸入框的背景顏色#####
text.backgroundColor = [UIColor whiteColor];
//設置輸入框的背景顏色,此時設置為白色如果使用了自定義的背景圖片邊框會被忽略掉 ~~~
#####16、輸入框中一開始就有的文字#####
text.text = @"一開始就在輸入框的文字";
#####17、是否自動糾錯#####
text.autocorrectionType = UITextAutocorrectionTypeNo;
有以下幾種選擇樣式
typedef enum {
UITextAutocorrectionTypeDefault, 默認
UITextAutocorrectionTypeNo, 不自動糾錯
UITextAutocorrectionTypeYes, 自動糾錯
} UITextAutocorrectionType;
#####18、再次編輯就清空#####
text.clearsOnBeginEditing = YES;
#####19、首字母是否自動大寫#####
text.autocapitalizationType = UITextAutocapitalizationTypeNone;
typedef enum {
UITextAutocapitalizationTypeNone, 不自動大寫
UITextAutocapitalizationTypeWords, 單詞首字母大寫
UITextAutocapitalizationTypeSentences, 句子的首字母大寫
UITextAutocapitalizationTypeAllCharacters, 所有字母都大寫
} UITextAutocapitalizationType;
#####20、鍵盤外觀#####
textView.keyboardAppearance=UIKeyboardAppearanceDefault;
typedef enum {
UIKeyboardAppearanceDefault,默認外觀,淺灰色
UIKeyboardAppearanceAlert, 深灰石墨色
} UIReturnKeyType;
#####21、最右側加圖片是以下代碼(左側類似)#####
UIImageView *image=[[UIImageView alloc] initWithImage:[UIImage imageNamed:@"right.png"]]; //
text.rightView=image;
text.rightViewMode = UITextFieldViewModeAlways;
typedef enum {
UITextFieldViewModeNever,
UITextFieldViewModeWhileEditing,
UITextFieldViewModeUnlessEditing,
UITextFieldViewModeAlways
} UITextFieldViewMode;
#####22、重寫繪制行為#####
除了UITextField對象的風格選項,你還可以定制化UITextField對象,為他添加許多不同的重寫方法,來改變文本字段的顯示行為。這些方法都會返回一個CGRect結構,制定了文本字段每個部件的邊界范圍。以下方法都可以重寫
– textRectForBounds: //重寫來重置文字區域
– drawTextInRect: //改變繪文字屬性.重寫時調用super可以按默認圖形屬性繪制,若自己完全重寫繪制函數,就不用調用super了.
– placeholderRectForBounds: //重寫來重置占位符區域
– drawPlaceholderInRect: //重寫改變繪制占位符屬性.重寫時調用super可以按默認圖形屬性繪制,若自己完全重寫繪制函數,就不用調用super了.
– borderRectForBounds: //重寫來重置邊緣區域
– editingRectForBounds: //重寫來重置編輯區域
– clearButtonRectForBounds: //重寫來重置clearButton位置,改變size可能導致button的圖片失真
– leftViewRectForBounds:
– rightViewRectForBounds:
#####23、委托方法#####
(BOOL)textFieldShouldBeginEditing:(UITextField *)textField{
//返回一個BOOL值,指定是否循序文本字段開始編輯
return YES;
}
(void)textFieldDidBeginEditing:(UITextField *)textField{
//開始編輯時觸發,文本字段將成為first responder
}
(BOOL)textFieldShouldEndEditing:(UITextField *)textField{
//返回BOOL值,指定是否允許文本字段結束編輯,當編輯結束,文本字段會讓出first responder
//要想在用戶結束編輯時阻止文本字段消失,可以返回NO
//這對一些文本字段必須始終保持活躍狀態的程序很有用,比如即時消息
return NO;
}
(BOOL)textField:(UITextField*)textField shouldChangeCharactersInRange:(NSRange)range replacementString:(NSString *)string{
//當用戶使用自動更正功能,把輸入的文字修改為推薦的文字時,就會調用這個方法。
//這對於想要加入撤銷選項的應用程序特別有用
//可以跟蹤字段內所做的最后一次修改,也可以對所有編輯做日志記錄,用作審計用途。
//要防止文字被改變可以返回NO
//這個方法的參數中有一個NSRange對象,指明了被改變文字的位置,建議修改的文本也在其中
return YES;
}
(BOOL)textFieldShouldClear:(UITextField *)textField{
//返回一個BOOL值指明是否允許根據用戶請求清除內容
//可以設置在特定條件下才允許清除內容
return YES;
}
-(BOOL)textFieldShouldReturn:(UITextField *)textField{
//返回一個BOOL值,指明是否允許在按下回車鍵時結束編輯
//如果允許要調用resignFirstResponder 方法,這回導致結束編輯,而鍵盤會被收起[textField resignFirstResponder];
//查一下resign這個單詞的意思就明白這個方法了
return YES;
}
#####24、通知#####
UITextField派生自UIControl,所以UIControl類中的通知系統在文本字段中也可以使用。除了UIControl類的標准事件,你還可以使用下列UITextField類特有的事件
UITextFieldTextDidBeginEditingNotification
UITextFieldTextDidChangeNotification
UITextFieldTextDidEndEditingNotification
當文本字段退出編輯模式時觸發。通知的object屬性存儲了最終文本。
因為文本字段要使用鍵盤輸入文字,所以下面這些事件發生時,也會發送動作通知
UIKeyboardWillShowNotification //鍵盤顯示之前發送
UIKeyboardDidShowNotification //鍵盤顯示之后發送
UIKeyboardWillHideNotification //鍵盤隱藏之前發送
UIKeyboardDidHideNotification //鍵盤隱藏之后發送
//添加通知方法
NSNotificationCenter.defaultCenter().addObserver(self, selector: Selector("textFiledEditChanged:"), name: UITextFieldTextDidChangeNotification, object: textfield)
#####25、限制只能輸入特定的字符#####
-(BOOL)textField:(UITextField *)textField shouldChangeCharactersInRange:(NSRange)range replacementString:(NSString *)string{
NSCharacterSet *cs;
cs = [[NSCharacterSet characterSetWithCharactersInString:NUMBERS]invertedSet];
NSString *filtered = [[string componentsSeparatedByCharactersInSet:cs]componentsJoinedByString:@""];//按cs分離出數組,數組按@""分離出字符串
BOOL canChange = [string isEqualToString:filtered];
return canChange;
}
上面這個NUMBERS是一個宏,可以在文件頂部定義:
define NUMBERS @”0123456789\n” (這個代表可以輸入數字和換行,請注意這個\n,如果不寫這個,Done按鍵將不會觸發,如果用在SearchBar中,將會不觸發Search事件,因為你自己限制不讓輸入\n,好慘,我在項目中才發現的。)
所以,如果你要限制輸入英文和數字的話,就可以把這個定義為:
define kAlphaNum @”ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789″。
當然,你還可以在以上方法return之前,做一提示的,比如提示用戶只能輸入數字之類的。如果你覺得有需要的話。
#####26、限制只能輸入一定長度的字符#####
(BOOL)textField:(UITextField *)textField shouldChangeCharactersInRange:(NSRange)range replacementString:(NSString *)string;
{ //string就是此時輸入的那個字符 textField就是此時正在輸入的那個輸入框返回YES就是可以改變輸入框的值 NO相反
if ([string isEqualToString:@"\n"]) //按會車可以改變
{
return YES;
}
NSString * toBeString = [textField.text stringByReplacingCharactersInRange:range withString:string];//得到輸入框的內容
if (self.myTextField == textField) //判斷是否時我們想要限定的那個輸入框
{
if ([toBeString length] > 20) { //如果輸入框內容大於20則彈出警告
textField.text = [toBeString substringToIndex:20];
UIAlertView *alert = [[[UIAlertView alloc] initWithTitle:nil message:@"超過最大字數不能輸入了" delegate:nil cancelButtonTitle:@"Ok" otherButtonTitles:nil, nil] autorelease];
[alert show];
return NO;
}
}
return YES;
}
此外:還有對於UITextField還有很多的用法:
例如:
//設置能不能進行編輯/用戶交互的開關
textfield.enabled = true
textfield.userInteractionEnabled = true
//設置圓角屬性
textField.layer.cornerRadius = 10.0
textField.layer.masksToBounds = true
//自定義輸入源控件
let inputview = UIButton(frame: CGRectMake(0.0, 0.0, CGRectGetWidth(self.view.bounds), 100.0))
inputview.setImage(UIImage(named: "normalImage"), forState: UIControlState.Normal)
inputview.backgroundColor = UIColor.lightGrayColor()
inputview.addTarget(self, action: Selector("click:"), forControlEvents: UIControlEvents.TouchUpInside)
textfield.inputView = inputview
// 自定義輸入源控件副視圖
let accessoryview = UIView(frame: CGRectMake(0.0, 0.0, CGRectGetWidth(self.view.bounds), 40.0))
accessoryview.backgroundColor = UIColor.greenColor()
let accessoryLeft = UIButton(frame: CGRectMake(10.0, 10.0, 60.0, 20.0))
accessoryview.addSubview(accessoryLeft)
accessoryLeft.setTitle("取消", forState: UIControlState.Normal)
accessoryLeft.backgroundColor = UIColor.orangeColor()
accessoryLeft.addTarget(self, action: Selector("leftClick:"), forControlEvents: UIControlEvents.TouchUpInside)
let accessoryRight = UIButton(frame: CGRectMake((CGRectGetWidth(accessoryview.bounds) - 10.0 - 60.0), 10.0, 60.0, 20.0))
accessoryview.addSubview(accessoryRight)
accessoryRight.setTitle("確定", forState: UIControlState.Normal)
accessoryRight.backgroundColor = UIColor.orangeColor()
accessoryRight.addTarget(self, action: Selector("rightClick:"), forControlEvents: UIControlEvents.TouchUpInside)
textfield.inputAccessoryView = accessoryview
// 自定義輸入源控件時響應事件
// MARK: - click
func click(button:UIButton)
{
self.view.endEditing(true)
}
//MARK: - left/right click
func leftClick(button:UIButton)
{
print("取消")
}
func rightClick(button:UIButton)
{
self.view.endEditing(true)
print("確定")
}
作者:劉高見
鏈接:https://www.jianshu.com/p/63bdeca39ddf
來源:簡書
簡書著作權歸作者所有,任何形式的轉載都請聯系作者獲得授權並注明出處。