Swift开发之iOS11下UIToolBar非正常显示问题

在iOS11环境下,使用UITextFieldUIDatePicker作为其inputView并设置一定高度,将UIToolbar作为其inputAccessoryView时,会出现UIToolbar非正常显示的问题;

实验环境如下:

  • IDE:XCode
  • 系统:iOS11+
  • 语言:Swift(OC同样会出现)
  • 问题控件:UIToolbar

实验demo如下(Swift):

import UIKit

class ViewController: UIViewController {

    lazy var textField: UITextField = {
        let textField_ = UITextField(frame: CGRect(origin: CGPoint.zero, size: CGSize(width: 200, height: 44)))
        textField_.center = self.view.center
        textField_.backgroundColor = UIColor.gray
        textField_.placeholder = "点击弹出键盘"
        return textField_
    }()

    lazy var textFieldInputView: UIView = {
        // 高度过低时,会出现其与UIToolbar之间间隔较大;高度过高时,UIToolbar无法显示
        let textFieldInputView_ = UIDatePicker(frame: CGRect(origin: CGPoint.zero, size: CGSize(width: 0, height: 250)))
        textFieldInputView_.backgroundColor = UIColor.yellow
//        textFieldInputView_.autoresizingMask = .flexibleHeight
        return textFieldInputView_
    }()

    lazy var toolBar: UIToolbar = {
        let toolBar_ = UIToolbar(frame: CGRect(origin: CGPoint.zero, size: CGSize(width: 0, height: 35)))
        toolBar_.backgroundColor = UIColor.black
        toolBar_.tintColor = UIColor.blue

        let spaceItem = UIBarButtonItem(barButtonSystemItem: UIBarButtonSystemItem.flexibleSpace, target: nil, action: nil)

        let doneItem = UIBarButtonItem(barButtonSystemItem: UIBarButtonSystemItem.done, target: self, action: #selector(clickDoneButtonItem(sender:)))

        toolBar_.items = [spaceItem, doneItem]
        return toolBar_
    }()

    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.

        view.addSubview(textField)
        textField.inputView = textFieldInputView
        textField.inputAccessoryView = toolBar
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }


}

// MARK: - event response
extension ViewController {
    @objc private func clickDoneButtonItem(sender: UIBarButtonItem) {
        textField.resignFirstResponder()
    }
}

当手动设置UIDatePicker高度时,会出现以下两种情况:

  • 高度较小,UIDatePickerUIToolBar之间出现留白
  • 高度较大,UIToolBarUIDatePicker遮挡
image
image

为实现最佳效果,要么将UIToolBar改为自定义View,但要手动书写随UIDatePicker改变的动画;要么固定UIDatePicker高度,使之既美观又不至于影响UIToolBar的显示。

这里我采纳第二种方案,在UIDatePicker初始化中添加 myInputView.autoresizingMask = .flexibleHeight 代码,使之自适应高度。

image

stackoverflow:Custom Keyboard InputAccessoryView not visible in iOS 11

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 转载自:https://github.com/Tim9Liu9/TimLiu-iOS[https://github...
    香橙柚子阅读 12,924评论 0 36
  • 有一些人,总觉得自己孤独,即使旁边朋友成群,亲人结队,但是内心深处还是渴望着一些看似简单拥有实则千里难求的东西。我...
    我就只想转转阅读 1,517评论 0 0
  • 基本信息: 书名金融心理学 外文名The Psychology of FinanceUnderstending t...
    avenir_liu阅读 7,694评论 0 2
  • 天空很单薄 所以夜空和星星可以只属于你 风吹过 却忘了冷和热 冷是那些勉强微笑的面孔两秒钟后僵硬地恢复原状 热是剧...
    乐喜阅读 1,711评论 0 1
  • [ 导读 ]7月18日,勤剪创始人程祥生透露,勤剪的Pre-A轮千万元融资已到位,投资方为暾澜资本,本轮资金将主要...
    杭州素剪阅读 1,670评论 0 0

友情链接更多精彩内容