快捷導(dǎo)航

iOS UIAlertController中UITextField添加晃動效果與邊框顏色詳解

更新時間：2017年10月19日 09:56:25 作者：iOS_ziank

這篇文章主要給大家介紹了關(guān)于iOS UIAlertController中UITextField添加晃動效果與邊框顏色的相關(guān)資料，實現(xiàn)后的效果非常適合在開發(fā)中使用，文中給出了詳細的示例代碼，需要的朋友可以參考借鑒，下面隨著小編來一起看看吧。

前言

大家都知道在iOS8中引入了UIAlertController，通過UIAlertController可以方便的添加文本框進行編輯，但是，在輸入錯誤的內(nèi)容時，如何對用戶進行提醒就成了問題，因為UIAlertController中的所有UIAlertAction都會導(dǎo)致UIAlertController的消失。這里，我就描述兩種提示的方法，分別是晃動文本框和修改邊框的顏色。下面話不多說了，來一起看看詳細的實現(xiàn)方法吧。

晃動UITextField

晃動UITextField其實就是對它添加一個動畫效果，參考了Stack Overflow上的做法，通過添加position的動畫，可以實現(xiàn)UIAlertController中的UITextField的晃動效果。

- (void)shakeField:(UITextField *)textField {
 CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"position"];
 animation.duration = 0.07;
 animation.repeatCount = 4;
 animation.autoreverses = YES;
 animation.fromValue = [NSValue valueWithCGPoint:CGPointMake(textField.centerX - 10, textField.centerY)];
 animation.toValue = [NSValue valueWithCGPoint:CGPointMake(textField.centerX + 10, textField.centerY)];
 [textField.layer addAnimation:animation forKey:@"position"];
}

修改UITextField的邊框顏色

UIAlertController中文本框的默認邊框顏色都是黑色，通常在輸入異常時會改為紅色進行提醒，這個時候，如果直接修改UITextField的border將會變成下圖樣式：

- (void)testAlert {
 UIAlertController *alert = [UIAlertController alertControllerWithTitle:@"測試" message:@"測試輸入框邊框顏色" preferredStyle:UIAlertControllerStyleAlert];
 [alert addAction:[UIAlertAction actionWithTitle:@"取消" style:UIAlertActionStyleCancel handler:nil]];
 [alert addTextFieldWithConfigurationHandler:^(UITextField * _Nonnull textField) {
  textField.layer.borderColor = [UIColor redColor].CGColor;
  textField.layer.borderWidth = 1;
 }];
 [self presentViewController:alert animated:YES completion:nil];
}

而在實際中我們應(yīng)該這樣修改：

- (void)testAlert {
 UIAlertController *alert = [UIAlertController alertControllerWithTitle:@"測試" message:@"測試輸入框邊框顏色" preferredStyle:UIAlertControllerStyleAlert];
 [alert addAction:[UIAlertAction actionWithTitle:@"取消" style:UIAlertActionStyleCancel handler:nil]];
 [alert addTextFieldWithConfigurationHandler:^(UITextField * _Nonnull textField) {
  self.currentField = textField;
 }];
 [self presentViewController:alert animated:YES completion:^{
  [[self.currentField superview] superview].backgroundColor = [UIColor redColor];
 }];
}

這樣的產(chǎn)生效果才是我們想要的。