UITextField

UITextField(文本框)

  • 父類是UIControl
  • UITextField與UILabel的差異:UITextField不僅可以像UILabel一樣展示文字,也可以與用戶交互,讓用戶直接編輯文本;但要注意,UITextField無法像UILabel通過富文本實現(xiàn)圖文混批,增加圖片需要使用leftView設(shè)置,并且位置在控件的左邊衅檀,無法修改位置
  • 使用場景:UITextField高度為1行,可以用于輸入內(nèi)容比屏幕寬度少的內(nèi)容

UITextField常見屬性

// 設(shè)置文本框文字內(nèi)容
textField.text = @"文字";

// 設(shè)置占位文字內(nèi)容
textField.placeholder = @"占位文字";

// 修改UITextField的光標顏色
textField.tintColor = [UIColor whiteColor];

//邊緣屬性(設(shè)置為圓形邊框)
textField.borderStyle = UITextBorderStyleRoundedRect;

UITextField其他屬性

// 設(shè)置文本框左面控件
textField.leftView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 8, 0)];
textField.leftViewMode = UITextFieldViewModeAlways;

監(jiān)聽UITextField的獲得焦點和失去焦點事件

  • 方案一:addTarget

    // 監(jiān)聽編輯
    UIControlEventEditingDidBegin實現(xiàn)功能:
    1. 開始編輯
    2. 獲得焦點
    3. 彈出鍵盤
    [textField addTarget:target action:@selector(editingDidBegin) forControlEvents:UIControlEventEditingDidBegin];
    
    // 監(jiān)聽結(jié)束編輯
    UIControlEventEditingDidEnd實現(xiàn)功能:
    1. 結(jié)束編輯
    2. 失去焦點
    3. 退下鍵盤
    [textField addTarget:target action:@selector(editingDidEnd) forControlEvents:UIControlEventEditingDidEnd];
    
  • 方案二: delegate

    textField.delegate = self;
    
    #pragma mark - <UITextFieldDelegate>
    - (void)textFieldDidBeginEditing:(UITextField *)textField
    {
        // 編輯代碼
    }
    
    - (void)textFieldDidEndEditing:(UITextField *)textField
    {
        // 完成編輯代碼
    }
    
  • 方案三:通知

    // 注冊監(jiān)聽器
    [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(beginEditing) name:UITextFieldTextDidBeginEditingNotification object:textField];
    [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(endEditing) name:UITextFieldTextDidEndEditingNotification object:textField];
    
    // 銷毀監(jiān)聽器
    - (void)dealloc
    {
        [[NSNotificationCenter defaultCenter] removeObserver:self];
    }
    
    // 監(jiān)聽行為觸發(fā)時執(zhí)行的代碼
    - (void)beginEditing
    {
        // 編輯代碼
    }
    
    - (void)endEditing
    {
        // 完成編輯代碼
    }
    
  • 方案四:重寫UITextField的becomeFirstResponderresignFirstResponder方法

     // 調(diào)用時刻 : 成為第一響應(yīng)者(開始編輯\彈出鍵盤\獲得焦點)
    - (BOOL)becomeFirstResponder
    {
        // 編輯代碼
        return [super becomeFirstResponder];
    }
    
    // 調(diào)用時刻 : 不做第一響應(yīng)者(結(jié)束編輯\退出鍵盤\失去焦點)
    - (BOOL)resignFirstResponder
    {
        // 完成編輯代碼
        return [super resignFirstResponder];
    }
    

修改UITextField占位文字的顏色

  1. 方案一:使用attributedPlaceholder

// 設(shè)置帶有屬性的占位文字, 優(yōu)先級 > placeholder
@property(nullable, nonatomic,copy) NSAttributedString *attributedPlaceholder;
objc
//設(shè)置占位文字屬性
NSMutableDictionary *dict = [NSMutableDictionary dictionary];
dict[NSForegroundColorAttributeName] = [UIColor whiteColor]; // 文字顏色

// 生成富文本
NSAttributedString *str = [[NSAttributedString alloc]initWithString:self.placeholder attributes:dict]霎俩;

// 設(shè)置textField占位富文本
textField.attributedPlaceholder = str;
```
  • 方案二:重寫- (void)drawPlaceholderInRect:(CGRect)rect;

    - (void)drawPlaceholderInRect:(CGRect)rect
    {
        // 設(shè)置文字屬性
        NSMutableDictionary *attrs = [NSMutableDictionary dictionary];
        attrs[NSForegroundColorAttributeName] = [UIColor whiteColor];
        attrs[NSFontAttributeName] = self.font;
    
        // 畫出占位文字:
        // 方法一:drawInRect:
        CGRect placeholderRect;
        placeholderRect.size.width = rect.size.width;
        placeholderRect.size.height = self.font.lineHeight;
        placeholderRect.origin.x = 0;
        placeholderRect.origin.y = (rect.size.height - self.font.lineHeight) * 0.5;
        [self.placeholder drawInRect:placeholderRect withAttributes:attrs];
    
        // 方法二:drawAtPoint:
        CGPoint placeholderPoint = CGPointMake(0, (rect.size.height - self.font.lineHeight) * 0.5);
        [self.placeholder drawAtPoint:placeholderPoint withAttributes:attrs];
    }
    
  • 方案三:修改內(nèi)部占位文字Label的文字顏色(推薦)

    // 運行時查看UITextField的屬性列表
    // 底層:UITextField有一個子控件"placeholderLabel"專門用于管理占位文本內(nèi)容哀军,是私有的;
    unsigned int count;
    Ivar *ivarList = class_copyIvarList([UITextField class], &count);
    for (int i = 0; i < count; i++) {
        Ivar ivar = ivarList[i];
        NSLog(@"%s", ivar_getName(ivar));
    }
    free(ivarList);
    
    // placeholderLabel是UILabel的子類
    UILabel *label = [self valueForKeyPath:@"placeholderLabel"];
    label.textColor = [UIColor whiteColor];
    
    // 最終方案:通過KVC可快速設(shè)置占位文本的屬性
    [textField setValue:[UIColor grayColor] forKeyPath:@"placeholderLabel.textColor"];
    

UITextFieldDelegate協(xié)議

  1. 文本框點擊時調(diào)用打却,表示是否允許編輯杉适,NO表示不允許編輯
    - (BOOL)textFieldShouldBeginEditing:(UITextField *)textField;
    
  • 文本框點擊時調(diào)用,讓textField成為第一響應(yīng)者学密,開始編輯

    - (void)textFieldDidBeginEditing:(UITextField *)textField;
    
  • 文本框編輯時調(diào)用,YES允許輸入传藏,NO禁止輸入腻暮。可用if設(shè)置那些允許輸入毯侦,哪些不允許輸入哭靖。

    • 可用于攔截用戶輸入
      - (BOOL)textField:(UITextField *)textField shouldChangeCharactersInRange:(NSRange)range replacementString:(NSString *)string;
      
  • 鍵盤return鍵點擊時調(diào)用。YES結(jié)束輸入(繼續(xù)輸入的內(nèi)容是獨立的)侈离,NO則無效果(繼續(xù)輸入的與之前內(nèi)容是一個整體)

    • 收回鍵盤重新打開時與return NO一致试幽,所以設(shè)置了return YES和收回鍵盤與return NO和收回鍵盤效果一致
      - (BOOL)textFieldShouldReturn:(UITextField *)textField{
          if (textField == self.nameField) {
              // 讓phoneField成為第一響應(yīng)者(phoneField會出聚焦)
              [self.phoneField becomeFirstResponder];
          } else if (textField == self.phoneField) {
              [self.addressField becomeFirstResponder];
          } else if (textField == self.addressField) {
              [self.view endEditing:YES];
          }
          return YES;
      }
      
  • 是否結(jié)束編輯文本框,YES表示結(jié)束卦碾,NO表示不結(jié)束

    - (BOOL)textFieldShouldEndEditing:(UITextField *)textField;
    
  • 文本框結(jié)束編輯時調(diào)用(強迫停止也會調(diào)用)铺坞。

    - (void)textFieldDidEndEditing:(UITextField *)textField;
    
  • 清除按鈕點擊時調(diào)用起宽。NO忽略清除命令

    - (BOOL)textFieldShouldClear:(UITextField *)textField;
    

UITextField與鍵盤

  • 注意:如果一個鍵盤想要彈出來,必須把textField添加到一個控件上
    //設(shè)置鍵盤(自定義鍵盤)
    UIView *temp = [[UIView alloc] init];
    temp.frame = CGRectMake(0, 0, 0, 300);
    temp.backgroundColor = [UIColor redColor];
    self.nameField.inputView = temp;
    
        //收回鍵盤(該方法在tableView中失效)
    - (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event
    {
        // 文本框不再是第一響應(yīng)者,就會退出鍵盤
    //  [self.textField resignFirstResponder];
    
    //  [self.textField endEditing:YES];
    
        [self.view endEditing:YES];
    }
        // 設(shè)置鍵盤的輔助控件
        //增加按鈕
    self.nameField.inputAccessoryView = [UIButton buttonWithType:UIButtonTypeContactAdd];
    
        //開關(guān)按鈕
    self.phoneField.inputAccessoryView = [[UISwitch alloc] init];
    
        //分段按鈕
    self.addressField.inputAccessoryView = [[UISegmentedControl alloc] initWithItems:@[@"1", @"2"]];
    
        //加載toolbar
        XMGToolbar *toolbar = [[[NSBundle mainBundle] loadNibNamed:@"XMGToolbar" owner:nil options:nil] lastObject];
    
        //設(shè)置文本框輔助控件
        self.nameField.inputAccessoryView = toolbar;
        self.phoneField.inputAccessoryView = toolbar;
        self.addressField.inputAccessoryView = toolbar;
        ```
    
    

鍵盤約束管理-控件跟隨鍵盤變化济榨,避免鍵盤遮擋控件信息

@interface ViewController ()<UITextFieldDelegate>

/** 輸入框 */
@property (weak, nonatomic) IBOutlet UITextField *textField;
/** 文本框底部約束 */
@property (weak, nonatomic) IBOutlet NSLayoutConstraint *textConstraintBtm;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];

    /** 注冊監(jiān)聽器 */
    //接收鍵盤即將顯示通知
    [[NSNotificationCenter defaultCenter]addObserver:self selector:@selector(keyboardWillShow:) name:UIKeyboardWillShowNotification object:nil];
    //接收鍵盤即將隱藏通知
    [[NSNotificationCenter defaultCenter]addObserver:self selector:@selector(keyboardWillHidden:) name:UIKeyboardWillHideNotification object:nil];

}

/** 注銷監(jiān)聽器 */
-(void)dealloc{
    [[NSNotificationCenter defaultCenter]removeObserver:self];
}


/**
 *  監(jiān)聽鍵盤的即將顯示
 */
-(void)keyboardWillShow:(NSNotification*)note{

    /** 設(shè)置約束 */
    //獲取數(shù)據(jù)
    CGRect keyboard = [note.userInfo[UIKeyboardFrameBeginUserInfoKey] CGRectValue];

    //跟隨鍵盤出現(xiàn)而升高
    self.textConstraintBtm.constant = keyboard.size.height;

    /** 執(zhí)行動畫 */
    NSTimeInterval duration = [note.userInfo[UIKeyboardAnimationDurationUserInfoKey] doubleValue];
    [UIView animateWithDuration:duration animations:^{
        [self.view layoutIfNeeded];
    }];

}

/**
 *  監(jiān)聽鍵盤的即將隱藏
 */
-(void)keyboardWillHidden:(NSNotification*)note{

    /** 設(shè)置約束 */
    //跟隨鍵盤隱藏而降低(回復(fù)原位)
    self.textConstraintBtm.constant = 0;

    /** 執(zhí)行動畫 */
    NSTimeInterval duration = [note.userInfo[UIKeyboardAnimationDurationUserInfoKey] doubleValue];
    [UIView animateWithDuration:duration animations:^{
        [self.view layoutIfNeeded];
    }];
}

//IPhone沒有關(guān)閉鍵盤的選項坯沪,是通過點擊其他地方使鍵盤收回的
-(void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event
{
    /** 關(guān)閉鍵盤 */
    //停止編輯
//    [self.view endEditing:YES];

    //辭去第一反應(yīng)者
    [self.textField resignFirstResponder];
}

鍵盤管理第三方框架

  • 第三方控件:IQKeyboardManager-master
  • 應(yīng)用舉例
    // 鍵盤管理者
    IQKeyboardManager *mgr = [IQKeyboardManager sharedManager];
    // 當(dāng)點擊鍵盤以外的區(qū)域,會自動退出鍵盤
    mgr.shouldResignOnTouchOutside = YES;
    
    // 不要在toolbar上面顯示占位文字
    mgr.shouldShowTextFieldPlaceholder = NO;
    
    // 關(guān)閉toolbar
    // mgr.enableAutoToolbar = NO;
    // toolbar是否要使用文本框的tintColor(光標的顏色)
    mgr.shouldToolbarUsesTextFieldTintColor = YES;
    
    // 管理return key
    self.handler = [[IQKeyboardReturnKeyHandler alloc] initWithViewController:self];
    // 設(shè)置最后一個文本框的return key為“完成”
    self.handler.lastTextFieldReturnKeyType = UIReturnKeyDone;
    
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末擒滑,一起剝皮案震驚了整個濱河市腐晾,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌丐一,老刑警劉巖藻糖,帶你破解...
    沈念sama閱讀 206,723評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異库车,居然都是意外死亡巨柒,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,485評論 2 382
  • 文/潘曉璐 我一進店門凝颇,熙熙樓的掌柜王于貴愁眉苦臉地迎上來潘拱,“玉大人,你說我怎么就攤上這事拧略÷瘢” “怎么了?”我有些...
    開封第一講書人閱讀 152,998評論 0 344
  • 文/不壞的土叔 我叫張陵垫蛆,是天一觀的道長禽最。 經(jīng)常有香客問我,道長袱饭,這世上最難降的妖魔是什么川无? 我笑而不...
    開封第一講書人閱讀 55,323評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮虑乖,結(jié)果婚禮上懦趋,老公的妹妹穿的比我還像新娘。我一直安慰自己疹味,他們只是感情好仅叫,可當(dāng)我...
    茶點故事閱讀 64,355評論 5 374
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著糙捺,像睡著了一般诫咱。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上洪灯,一...
    開封第一講書人閱讀 49,079評論 1 285
  • 那天坎缭,我揣著相機與錄音,去河邊找鬼。 笑死掏呼,一個胖子當(dāng)著我的面吹牛坏快,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播哄尔,決...
    沈念sama閱讀 38,389評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼假消,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了岭接?” 一聲冷哼從身側(cè)響起富拗,我...
    開封第一講書人閱讀 37,019評論 0 259
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎鸣戴,沒想到半個月后啃沪,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,519評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡窄锅,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,971評論 2 325
  • 正文 我和宋清朗相戀三年创千,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片入偷。...
    茶點故事閱讀 38,100評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡追驴,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出疏之,到底是詐尸還是另有隱情殿雪,我是刑警寧澤,帶...
    沈念sama閱讀 33,738評論 4 324
  • 正文 年R本政府宣布锋爪,位于F島的核電站丙曙,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏其骄。R本人自食惡果不足惜亏镰,卻給世界環(huán)境...
    茶點故事閱讀 39,293評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望拯爽。 院中可真熱鬧索抓,春花似錦、人聲如沸毯炮。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,289評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽否副。三九已至汉矿,卻和暖如春崎坊,著一層夾襖步出監(jiān)牢的瞬間备禀,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,517評論 1 262
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留曲尸,地道東北人赋续。 一個月前我還...
    沈念sama閱讀 45,547評論 2 354
  • 正文 我出身青樓,卻偏偏與公主長得像另患,于是被迫代替她去往敵國和親纽乱。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 42,834評論 2 345

推薦閱讀更多精彩內(nèi)容