Add left button

Author: Leon Keijzer

Examples/Examples/ViewController.swift

@@ -25,14 +25,17 @@ class ViewController: MessageViewController, UITableViewDataSource, UITableViewD
 
         borderColor = .lightGray
 
+        messageView.set(buttonTitle: "A", for: .normal, type: .left)
+        messageView.
+
         messageView.inset = UIEdgeInsets(top: 8, left: 16, bottom: 8, right: 16)
         messageView.textView.placeholderText = "New message..."
         messageView.textView.placeholderTextColor = .lightGray
         messageView.font = UIFont.systemFont(ofSize: 17)
 
-        messageView.set(buttonTitle: "Send", for: .normal)
-        messageView.addButton(target: self, action: #selector(onButton))
-        messageView.buttonTint = .blue
+//        messageView.set(buttonTitle: "Send", for: .normal)
+//        messageView.addButton(target: self, action: #selector(onButton))
+//        messageView.buttonTint = .blue
 
         messageAutocompleteController.tableView.register(UITableViewCell.self, forCellReuseIdentifier: "cell")
         messageAutocompleteController.tableView.dataSource = self

MessageViewController/MessageView.swift

@@ -13,21 +13,34 @@ public final class MessageView: UIView, MessageTextViewListener {
     public let textView = MessageTextView()
 
     internal weak var delegate: MessageViewDelegate?
-    internal let button = UIButton()
+    internal let leftButton = UIButton()
+    internal let rightButton = UIButton()
     internal let UITextViewContentSizeKeyPath = #keyPath(UITextView.contentSize)
     internal let topBorderLayer = CALayer()
     internal var contentView: UIView?
-    internal var buttonAction: Selector?
+    internal var leftButtonAction: Selector?
+    internal var rightButtonAction: Selector?
+
+    public enum buttonType {
+        case left
+        case right
+    }
 
     internal override init(frame: CGRect) {
         super.init(frame: frame)
 
         backgroundColor = .white
 
+        addSubview(leftButton)
         addSubview(textView)
-        addSubview(button)
+        addSubview(rightButton)
         layer.addSublayer(topBorderLayer)
 
+        //Set action button
+        leftButton.imageEdgeInsets = .zero
+        leftButton.titleEdgeInsets = .zero
+        leftButton.contentEdgeInsets = .zero
+
         // setup text view
         textView.contentInset = .zero
         textView.textContainerInset = .zero
@@ -47,9 +60,9 @@ public final class MessageView: UIView, MessageTextViewListener {
         textView.layoutManager.usesFontLeading = true
 
         // setup send button
-        button.titleEdgeInsets = .zero
-        button.contentEdgeInsets = .zero
-        button.imageEdgeInsets = .zero
+        rightButton.imageEdgeInsets = .zero
+        rightButton.titleEdgeInsets = .zero
+        rightButton.contentEdgeInsets = .zero
 
         updateEmptyTextStates()
     }
@@ -92,22 +105,62 @@ public final class MessageView: UIView, MessageTextViewListener {
         didSet { setNeedsLayout() }
     }
 
-    public func set(buttonIcon: UIImage?, for state: UIControlState) {
-        button.setImage(buttonIcon, for: state)
+    public func set(buttonIcon: UIImage?, for state: UIControlState, type: buttonType) {
+        switch type {
+            case .left:
+                setLeft(buttonIcon: buttonIcon, for: state)
+                break
+            case .right:
+                setRight(buttonIcon: buttonIcon, for: state)
+                break
+        }
+    }
+
+    public func set(buttonTitle: String, for state: UIControlState, type: buttonType) {
+        switch type {
+        case .left:
+            setLeft(buttonTitle: buttonTitle, for: state)
+            break
+        case .right:
+            setRight(buttonTitle: buttonTitle, for: state)
+            break
+        }
+    }
+
+    private func setLeft(buttonIcon: UIImage?, for state: UIControlState) {
+        leftButton.setImage(buttonIcon, for: state)
         buttonLayoutDidChange()
     }
 
-    public func set(buttonTitle: String, for state: UIControlState) {
-        button.setTitle(buttonTitle, for: state)
+    private func setLeft(buttonTitle: String, for state: UIControlState) {
+        leftButton.setTitle(buttonTitle, for: state)
         buttonLayoutDidChange()
     }
 
-    public var buttonTint: UIColor {
-        get { return button.tintColor }
+    private func setRight(buttonIcon: UIImage?, for state: UIControlState) {
+        rightButton.setImage(buttonIcon, for: state)
+        buttonLayoutDidChange()
+    }
+
+    private func setRight(buttonTitle: String, for state: UIControlState) {
+        rightButton.setTitle(buttonTitle, for: state)
+        buttonLayoutDidChange()
+    }
+
+    public var leftButtonTint: UIColor {
+        get { return leftButton.tintColor }
+        set {
+            leftButton.tintColor = newValue
+            leftButton.setTitleColor(newValue, for: .normal)
+            leftButton.imageView?.tintColor = newValue
+        }
+    }
+    public var rightButtonTint: UIColor {
+        get { return rightButton.tintColor }
         set {
-            button.tintColor = newValue
-            button.setTitleColor(newValue, for: .normal)
-            button.imageView?.tintColor = newValue
+            rightButton.tintColor = newValue
+            rightButton.setTitleColor(newValue, for: .normal)
+            rightButton.imageView?.tintColor = newValue
         }
     }
 
@@ -132,12 +185,12 @@ public final class MessageView: UIView, MessageTextViewListener {
     }
 
     public func addButton(target: Any, action: Selector) {
-        button.addTarget(target, action: action, for: .touchUpInside)
-        buttonAction = action
+        rightButton.addTarget(target, action: action, for: .touchUpInside)
+        rightButtonAction = action
     }
 
     public override var keyCommands: [UIKeyCommand]? {
-        guard let action = buttonAction else { return nil }
+        guard let action = rightButtonAction else { return nil }
         return [UIKeyCommand(input: "\r", modifierFlags: .command, action: action)]
     }
 
@@ -161,23 +214,34 @@ public final class MessageView: UIView, MessageTextViewListener {
         )
         let insetBounds = UIEdgeInsetsInsetRect(safeBounds, inset)
 
-        let buttonSize = button.bounds.size
+        let leftButtonSize = leftButton.bounds.size
+        let rightButtonSize = rightButton.bounds.size
+
+        // adjust by bottom offset so content is flush w/ text view
+        let leftButtonFrame = CGRect(
+                x: insetBounds.minX,
+                y: insetBounds.minY,
+                width: leftButtonSize.width,
+                height: leftButtonSize.height
+        )
+        leftButton.frame = leftButtonFrame
 
         let textViewFrame = CGRect(
-            x: insetBounds.minX,
+            x: leftButtonFrame.maxX + buttonLeftInset,
             y: insetBounds.minY,
-            width: insetBounds.width - buttonSize.width - buttonLeftInset,
+            width: insetBounds.width - leftButtonSize.width - buttonLeftInset - rightButtonSize.width,
             height: textViewHeight
         )
         textView.frame = textViewFrame
 
         // adjust by bottom offset so content is flush w/ text view
-        button.frame = CGRect(
+        let rightButtonFrame = CGRect(
             x: textViewFrame.maxX + buttonLeftInset,
-            y: textViewFrame.maxY - buttonSize.height + button.bottomHeightOffset,
-            width: buttonSize.width,
-            height: buttonSize.height
+            y: textViewFrame.maxY - rightButtonSize.height + rightButton.bottomHeightOffset,
+            width: rightButtonSize.width,
+            height: rightButtonSize.height
         )
+        rightButton.frame = rightButtonFrame
 
         let contentY = textViewFrame.maxY + inset.bottom
         contentView?.frame = CGRect(
@@ -217,12 +281,13 @@ public final class MessageView: UIView, MessageTextViewListener {
 
     internal func updateEmptyTextStates() {
         let isEmpty = text.isEmpty
-        button.isEnabled = !isEmpty
-        button.alpha = isEmpty ? 0.25 : 1
+        rightButton.isEnabled = !isEmpty
+        rightButton.alpha = isEmpty ? 0.25 : 1
     }
 
     internal func buttonLayoutDidChange() {
-        button.sizeToFit()
+        leftButton.sizeToFit()
+        rightButton.sizeToFit()
         setNeedsLayout()
     }