ios - 在 inputAccessoryView 中调整文本字段的大小

Question

我一直在尝试UITextView调整整个星期的大小。我不明白这应该怎么做，所以我决定包含几乎所有相关的代码。

我有这个对话视图：

这个对话视图是一个UIViewController带有UITableView内部的（使用约束）。我有一个自定义UIView子类ConversationToolbar设置为inputAccessoryView（UIViewController包含它可以成为第一响应者，因此视图始终可见），其中包含 2 个子视图。一个用于UITextView左右按钮，一个用于表情符号。表情符号仅在点击左键时显示：

And when one is chosen, it shows in a floating label:

UITextView当使用多行时，我现在无法调整它的大小。我曾尝试自己计算所有帧，但这似乎以某种奇怪的方式与我的约束相冲突。几乎总是UITextView要么太小，要么只有在我按下另一个键来更新视图后才会调整大小。或者在UITextView键盘上变得更大，或者当键盘被关闭时它会滑出视野。

我已经从我的代码中删除了所有调整大小的能力，我想知道我需要做什么来调整大小。

在我的ConversationViewController：

var toolbar: ConversationToolbar!

override var inputAccessoryView: UIView! {
    get {
        if toolbar == nil {
            toolbar = NSBundle.mainBundle().loadNibNamed("ConversationToolbar", owner: nil, options: nil).last! as ConversationToolbar
            toolbar.frame.size = CGSize(width: UIScreen.mainScreen().bounds.size.width, height: 80)
            toolbar.delegate = self
            toolbar.setDraft(conversation.draft)
        }
        return toolbar
    }
}

存在ConversationToolbar.xib：

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<document type="com.apple.InterfaceBuilder3.CocoaTouch.XIB" version="3.0" toolsVersion="6254" systemVersion="14D87p" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES">
    <dependencies>
        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="6247"/>
    </dependencies>
    <objects>
        <placeholder placeholderIdentifier="IBFilesOwner" id="-1" userLabel="File's Owner"/>
        <placeholder placeholderIdentifier="IBFirstResponder" id="-2" customClass="UIResponder"/>
        <view contentMode="scaleToFill" id="iN0-l3-epB" customClass="ConversationToolbar" customModule="Heaven_Help" customModuleProvider="target">
            <rect key="frame" x="0.0" y="0.0" width="600" height="600"/>
            <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
            <subviews>
                <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="s5O-PN-dtz">
                    <rect key="frame" x="0.0" y="554" width="600" height="46"/>
                    <subviews>
                        <button opaque="NO" contentMode="scaleToFill" horizontalCompressionResistancePriority="749" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="pbw-hg-sNn">
                            <rect key="frame" x="0.0" y="0.0" width="36" height="46"/>
                            <inset key="contentEdgeInsets" minX="8" minY="0.0" maxX="8" maxY="0.0"/>
                            <state key="normal" title="">
                                <color key="titleShadowColor" white="0.5" alpha="1" colorSpace="calibratedWhite"/>
                            </state>
                            <connections>
                                <action selector="emoPress:" destination="iN0-l3-epB" eventType="touchUpInside" id="hLw-rH-Hym"/>
                            </connections>
                        </button>
                        <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="Vid-Ac-jz3">
                            <rect key="frame" x="548" y="0.0" width="52" height="46"/>
                            <inset key="contentEdgeInsets" minX="8" minY="0.0" maxX="8" maxY="0.0"/>
                            <state key="normal" title="Send">
                                <color key="titleShadowColor" white="0.5" alpha="1" colorSpace="calibratedWhite"/>
                            </state>
                            <connections>
                                <action selector="sendPress:" destination="iN0-l3-epB" eventType="touchUpInside" id="rzU-Vk-nJa"/>
                            </connections>
                        </button>
                        <textView clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="Czv-f6-jOP">
                            <rect key="frame" x="36" y="8" width="512" height="30"/>
                            <color key="backgroundColor" white="1" alpha="1" colorSpace="calibratedWhite"/>
                            <fontDescription key="fontDescription" type="system" pointSize="14"/>
                            <textInputTraits key="textInputTraits" autocapitalizationType="sentences"/>
                        </textView>
                    </subviews>
                    <color key="backgroundColor" white="1" alpha="1" colorSpace="calibratedWhite"/>
                    <constraints>
                        <constraint firstAttribute="height" constant="46" id="D1D-QM-5n2"/>
                        <constraint firstAttribute="trailing" secondItem="Vid-Ac-jz3" secondAttribute="trailing" id="H9Y-xT-aqe"/>
                        <constraint firstAttribute="centerY" secondItem="pbw-hg-sNn" secondAttribute="centerY" id="IYf-5R-S97"/>
                        <constraint firstItem="Czv-f6-jOP" firstAttribute="leading" secondItem="pbw-hg-sNn" secondAttribute="trailing" id="LpH-ir-M9U"/>
                        <constraint firstAttribute="centerY" secondItem="Vid-Ac-jz3" secondAttribute="centerY" id="NQ1-m1-9rk"/>
                        <constraint firstAttribute="bottom" secondItem="Vid-Ac-jz3" secondAttribute="bottom" id="UUt-1r-emN"/>
                        <constraint firstItem="Czv-f6-jOP" firstAttribute="top" secondItem="s5O-PN-dtz" secondAttribute="top" constant="8" id="VWB-7N-LrK"/>
                        <constraint firstAttribute="bottom" secondItem="Czv-f6-jOP" secondAttribute="bottom" constant="8" id="WTi-8a-kaM"/>
                        <constraint firstItem="pbw-hg-sNn" firstAttribute="leading" secondItem="s5O-PN-dtz" secondAttribute="leading" id="a4Q-W4-ROh"/>
                        <constraint firstAttribute="bottom" secondItem="pbw-hg-sNn" secondAttribute="bottom" id="hGG-Xe-FZZ"/>
                        <constraint firstItem="Vid-Ac-jz3" firstAttribute="leading" secondItem="Czv-f6-jOP" secondAttribute="trailing" id="jc6-18-MYq"/>
                    </constraints>
                </view>
                <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="rh6-cD-U1e">
                    <rect key="frame" x="0.0" y="508" width="600" height="46"/>
                    <color key="backgroundColor" white="1" alpha="1" colorSpace="calibratedWhite"/>
                </view>
                <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Label" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="6zz-GF-eHs">
                    <rect key="frame" x="279" y="525" width="42" height="21"/>
                    <fontDescription key="fontDescription" type="system" pointSize="17"/>
                    <color key="textColor" cocoaTouchSystemColor="darkTextColor"/>
                    <nil key="highlightedColor"/>
                </label>
            </subviews>
            <color key="backgroundColor" white="1" alpha="1" colorSpace="custom" customColorSpace="calibratedWhite"/>
            <constraints>
                <constraint firstAttribute="centerX" secondItem="6zz-GF-eHs" secondAttribute="centerX" id="3at-fx-ZCR"/>
                <constraint firstAttribute="bottom" secondItem="s5O-PN-dtz" secondAttribute="bottom" id="3r5-GG-6Eo"/>
                <constraint firstItem="s5O-PN-dtz" firstAttribute="height" secondItem="rh6-cD-U1e" secondAttribute="height" id="MBP-k2-Qre"/>
                <constraint firstItem="s5O-PN-dtz" firstAttribute="leading" secondItem="iN0-l3-epB" secondAttribute="leading" id="PLK-DE-38r"/>
                <constraint firstItem="s5O-PN-dtz" firstAttribute="top" secondItem="6zz-GF-eHs" secondAttribute="bottom" constant="8" symbolic="YES" id="PRr-qQ-oyf"/>
                <constraint firstAttribute="trailing" secondItem="s5O-PN-dtz" secondAttribute="trailing" id="PqA-VB-NxV"/>
                <constraint firstItem="s5O-PN-dtz" firstAttribute="top" secondItem="rh6-cD-U1e" secondAttribute="bottom" id="ZxJ-8p-Mjq"/>
                <constraint firstItem="rh6-cD-U1e" firstAttribute="leading" secondItem="iN0-l3-epB" secondAttribute="leading" id="lsS-5I-Saq"/>
                <constraint firstAttribute="trailing" secondItem="rh6-cD-U1e" secondAttribute="trailing" id="yRP-hS-dpr"/>
            </constraints>
            <connections>
                <outlet property="emoButton" destination="pbw-hg-sNn" id="VJx-J0-hBJ"/>
                <outlet property="emoLabel" destination="6zz-GF-eHs" id="pUW-yD-pIq"/>
                <outlet property="emoView" destination="rh6-cD-U1e" id="0YV-Wx-clp"/>
                <outlet property="sendButton" destination="Vid-Ac-jz3" id="6FV-Q2-ufA"/>
                <outlet property="textSuperView" destination="s5O-PN-dtz" id="BIT-bH-p4M"/>
                <outlet property="textView" destination="Czv-f6-jOP" id="syf-v4-LLy"/>
            </connections>
        </view>
    </objects>
</document>

最后是我的ConversationToolbar.swift：

import Foundation

class ConversationToolbar: UIView, UITextViewDelegate {

    @IBOutlet weak var textView: UITextView!
    @IBOutlet weak var emoView: UIView!
    @IBOutlet weak var sendButton: UIButton!
    @IBOutlet weak var textSuperView: UIView!
    @IBOutlet weak var emoButton: UIButton!
    @IBOutlet weak var emoLabel: UILabel!

    var delegate: ConversationToolbarDelegate!
    var emobuttons: [String: UIButton]!
    var emoSelected: String?
    var clickableSend: Bool {
        get {
            return ((delegate?.hasEnoughCredits() ?? false) && !(textView?.text?.isEmpty ?? true)) ?? false
        }
    }

    override func awakeFromNib() {
        textView.delegate = self
        sendButton.enabled = clickableSend
        self.autoresizingMask = .FlexibleHeight

        // Make textView pretty
        textView.backgroundColor = UIColor.whiteColor() // (white: 250/255, alpha: 1)
        textView.font = UIFont.systemFontOfSize(17)
        textView.layer.borderColor = UIColor(red: 200/255, green: 200/255, blue: 205/255, alpha:1).CGColor
        textView.layer.borderWidth = 0.5
        textView.layer.cornerRadius = 5
        textView.scrollsToTop = false
        textView.textContainerInset = UIEdgeInsetsMake(4, 3, 3, 3)
        textView.autoresizingMask = .FlexibleHeight

        // Add a nice border to the view
        textSuperView.layer.borderColor = UIColor(red: 200/255, green: 200/255, blue: 205/255, alpha:1).CGColor
        textSuperView.layer.borderWidth = 0.5
        textSuperView.backgroundColor = UIColor(white: 235/255, alpha: 1)
        textSuperView.autoresizingMask = .FlexibleHeight

        // Prettify emoView
        emoView.layer.borderColor = UIColor(red: 200/255, green: 200/255, blue: 205/255, alpha:1).CGColor
        emoView.layer.borderWidth = 0.5
        emoView.backgroundColor = UIColor(white: 235/255, alpha: 1)

        // Emobar setup
        emobuttons = StaticData.getEmoButtons()

        let unusedSpace = UIScreen.mainScreen().bounds.width - emobuttons.sum {
            button in
            return button.intrinsicContentSize().width
        }
        let spaceBetweenButtons = Int(unusedSpace) / (emobuttons.count + 1)

        var visualLayout = "H:|"
        for button in emobuttons {
            button.1.setTranslatesAutoresizingMaskIntoConstraints(false)
            visualLayout += "-(space)-[\(button.0)]"
            emoView.addSubview(button.1)
            button.1.addTarget(self, action: "emoChosen:", forControlEvents: .TouchUpInside)
        }

        emoView.addConstraints(NSLayoutConstraint.constraintsWithVisualFormat("\(visualLayout)-(space)-|", options: .AlignAllCenterY, metrics: ["space":spaceBetweenButtons], views: emobuttons))
        emoView.addConstraint(NSLayoutConstraint(item: emoView, attribute: .CenterY, relatedBy: .Equal, toItem: emobuttons.values.array.first!, attribute: .CenterY, multiplier: 1, constant: 0))

        // Prettify toolbar itself
        self.backgroundColor = UIColor.clearColor()

        // start hidden
        emoView.hidden = true
        emoLabel.hidden = emoSelected == nil
    }

    @IBAction func emoPress(sender: UIButton) {
        emoView.hidden = !emoView.hidden
        updateEmoLabel()
        if !emoView.hidden {
            emoLabel.hidden = true
        }
    }

    @IBAction func sendPress(sender: UIButton) {
        delegate.sendMessage(textView.text, feeling: emoSelected)
        textView.text = ""
        emoSelected = nil
        sendButton.enabled = false
        textViewDidChange(textView)
        updateEmoLabel()
    }

    func emoChosen(sender: UIButton) {
        emoView.hidden = true
        emoSelected = sender.titleLabel?.text == "" ? nil : sender.titleLabel?.text
        updateEmoLabel()
    }

    func setDraft(draft: String) {
        textView.text = draft
    }

    func updateEmoLabel() {
        emoLabel.text = emoSelected
        emoLabel.hidden = emoSelected == nil
    }

    /// MARK: UITextFieldDelegate

    func textViewDidChange(textView: UITextView) {
        sendButton.enabled = clickableSend
    }
}

protocol ConversationToolbarDelegate {
    func sendMessage(text: String, feeling: String?)
    func hasEnoughCredits() -> Bool
}

Answer 1

我已经解决了这个问题AutoLayout。我添加了一个新的约束来定义我的高度，UITextField并且我constant将该约束设置为textView(textView: UITextView, shouldChangeTextInRange range: NSRange, replacementText text: String) -> Bool：

func textView(textView: UITextView, shouldChangeTextInRange range: NSRange, replacementText text: String) -> Bool {
    let oldHeight = textView.frame.height
    let newText = (textView.text as NSString).stringByReplacingCharactersInRange(range, withString: text)
    let newSize = (newText as NSString).boundingRectWithSize(CGSize(width: textView.frame.width - textView.textContainerInset.right - textView.textContainerInset.left - 10, height: CGFloat.max), options: .UsesLineFragmentOrigin, attributes: [NSFontAttributeName: textView.font], context: nil)
    let heightChange = newSize.height + textView.textContainerInset.top + textView.textContainerInset.bottom + 2.719 - oldHeight

    textFieldHeightLayoutConstraint.constant += heightChange
    return true
}

我遇到的问题是我正在设置AutoLayout和UIView.frame设置不同的设置，这导致他们打架。

我是一个白痴。

Answer 2

我inputAccessoryView很久以前通过调整大小解决了这个问题，但UITextView直到今天才解决了为 iOS8 正确调整大小的问题。这是我的示例应用程序 - github

它使用 iOS7 调整大小的框架（UITextEffectsWindow手动布局并在 inputAccessoryView 的层次结构中创建约束意味着创建自动布局引擎，这会在使用 inf/nan 框架进行奇怪的转换后导致自动布局引擎失败）和 iOS8 调整大小的约束。无论如何，内部视图的布局inputAccessoryView永远不会正确完成，因此我们必须执行框架计算。