2015-04-02 76 views
-1

我想在单击单元格时添加一个选项,它将在键盘上方显示浮动文本框并使背景变模糊。在ios应用程序中创建浮动文本框

任何人都知道这一点,以及如何实施它?与添加一些属性类 Floating Text Box

+0

论索引路径没有选择行你会想使用UITextField创建一个新视图,然后呈现视图并使文本字段成为第一响应者,您将希望根据触发键盘时发送的NSNotification信息更新文本框的框架。为了模糊背景,您可以使用iOS 8(如果您使用它)?模糊背景图层,可以将UITextField添加到它的活力层,以确保前景色鲜明。 - 您的屏幕截图看起来非常像黑色层,大约80%的不透明度 - 您可以直接在UIView上做到这一点。 – 2015-04-02 13:59:31

回答

2

开始: 您可以通过下面的链接查看图像

var textField = UITextField() 
var composeBarView = UIView() 
var blurView = UIView() 
let barHeight:CGFloat = 44 

下创建的模糊观点,文本框和容器视图。在viewWillAppear中做到这一点:

blurView = UIView(frame: self.view.frame) 
blurView.alpha = 0.5 
blurView.backgroundColor = UIColor.blackColor(); 
self.view.addSubview(blurView); 
blurView.hidden = true;// Note its hidden! 

textField = UITextField(frame: CGRectMake(0, 0, UIScreen.mainScreen().bounds.width, barHeight)) 
composeBarView = UIView(frame: CGRectMake(0, UIScreen.mainScreen().bounds.height-64, UIScreen.mainScreen().bounds.width, barHeight)); 
composeBarView.addSubview(textField); 

self.view.addSubView(composeBarView); 

那么你应该为UIKeyboardWillShowNotification和UIKeyboardWillHideNotification注册通知:

NSNotificationCenter.defaultCenter().addObserver(self, selector: "keyboardWillToggle:", name: UIKeyboardWillShowNotification, object: nil); 
NSNotificationCenter.defaultCenter().addObserver(self, selector: "keyboardWillToggle:", name: UIKeyboardWillHideNotification, object: nil); 

落实keyboardWillToggle方法:

func keyboardWillToggle(notfication: NSNotification){ 
    if let userInfo = notfication.userInfo { 

     let endFrame = (userInfo[UIKeyboardFrameEndUserInfoKey] as NSValue).CGRectValue() 
     let startFrame = (userInfo[UIKeyboardFrameBeginUserInfoKey] as NSValue).CGRectValue(); 

     let duration:NSTimeInterval = (userInfo[UIKeyboardAnimationDurationUserInfoKey] as? NSNumber)?.doubleValue ?? 0 

     let animationCurveRawNSN = userInfo[UIKeyboardAnimationCurveUserInfoKey] as? NSNumber 
     let animationCurveRaw = animationCurveRawNSN?.unsignedLongValue ?? UIViewAnimationOptions.CurveEaseInOut.rawValue 
     let animationCurve:UIViewAnimationOptions = UIViewAnimationOptions(rawValue: animationCurveRaw) 


     var signCorrection:CGFloat = 1; 
     if (startFrame.origin.y < 0 || startFrame.origin.x < 0 || endFrame.origin.y < 0 || endFrame.origin.x < 0){ 
      signCorrection = -1; 
     } 

     let widthChange = (endFrame.origin.x - startFrame.origin.x) * signCorrection; 
     let heightChange = (endFrame.origin.y - startFrame.origin.y) * signCorrection; 

     let sizeChange = UIInterfaceOrientationIsLandscape(self.interfaceOrientation) ? widthChange : heightChange; 

     var frame = composeBarView.frame 

     frame.origin.y += (sizeChange - barHeight ?? 0.0) 
     composeBarView.frame = frame; 
     UIView.animateWithDuration(duration, 
      delay: NSTimeInterval(0), 
      options: animationCurve, 
      animations: { self.view.layoutIfNeeded() }, 
      completion: nil) 
    } 
} 

请注意,我们必须考虑酒吧高度,当你显示键盘。您需要将视图调整回原来的位置。 然后,当didSelectRowAtIndexPath方法是叫你拨打:

textFiled.becomeFirstResponder() 
blureView.hidden = false; 
0

没有测试,但是我认为你可以用一个模式赛格瑞办呢?

对于为例,当成为编辑,你可以Segue公司到会出现实际泰伯维上述新CellViewcontroller和插入此参数的文本字段:

func prensentationController(controller: UIPresentationController, viewControllerdaptivePresentationStyle style: UIModalPresentationtyle) -> UIViewController 
    let navcon = UINavigationController(UIPresentationViewController: controller.presentedViewController) 
    let visualEffectView = UIVisualEffectView(effect:UIBlurEffect(style: .ExtraLight)) 
    visualEffectView.frame = navcon.view.bounds 
    navcon.view.insertSubview(visualEffectView, atIndex: 0) 
    return navcon 
}