add support to add button inside textview

marciliojrs · marciliojrs · commit b0301684b505 · 2024-11-14T15:52:25.000-03:00
diff --git a/Examples/Examples/Assets.xcassets/Contents.json b/Examples/Examples/Assets.xcassets/Contents.json
@@ -1,6 +1,6 @@
 {
   "info" : {
-    "version" : 1,
-    "author" : "xcode"
+    "author" : "xcode",
+    "version" : 1
   }
-}
+}
diff --git a/Examples/Examples/Assets.xcassets/ai-text-generation.imageset/Contents.json b/Examples/Examples/Assets.xcassets/ai-text-generation.imageset/Contents.json
@@ -0,0 +1,22 @@
+{
+  "images" : [
+    {
+      "filename" : "ai-text-generation.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "filename" : "ai-text-generation@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/Examples/Examples/Assets.xcassets/ai-text-generation.imageset/ai-text-generation.png b/Examples/Examples/Assets.xcassets/ai-text-generation.imageset/ai-text-generation.png
diff --git a/Examples/Examples/Assets.xcassets/ai-text-generation.imageset/ai-text-generation@2x.png b/Examples/Examples/Assets.xcassets/ai-text-generation.imageset/ai-text-generation@2x.png
diff --git a/Examples/Examples/ViewController.swift b/Examples/Examples/ViewController.swift
@@ -39,6 +39,16 @@ class ViewController: MessageViewController, UITableViewDataSource, UITableViewD
         messageView.textView.placeholderText = "New message..."
         messageView.textView.placeholderTextColor = .lightGray
 
+        messageView.textView.addButton(target: self, action: #selector(onLeftButton))
+        let image = UIImage(named: "ai-text-generation")?.withRenderingMode(.alwaysTemplate)
+        messageView.textView.setButton(image: image)
+        messageView.textView.buttonTintColor = .blue
+
+        messageView.textView.layer.borderWidth = 1.0
+        messageView.textView.layer.borderColor = UIColor.gray.cgColor
+        messageView.textView.layer.cornerRadius = 16.0
+        messageView.textView.layer.masksToBounds = true
+
         messageView.setButton(title: "Send", for: .normal, position: .right)
         messageView.addButton(target: self, action: #selector(onRightButton), position: .right)
         messageView.rightButtonTint = .blue
diff --git a/Sources/MessageViewController/MessageTextView.swift b/Sources/MessageViewController/MessageTextView.swift
@@ -16,6 +16,7 @@ public protocol MessageTextViewListener: AnyObject {
 open class MessageTextView: UITextView, UITextViewDelegate {
 
     internal let placeholderLabel = UILabel()
+    internal let trailingButton = ExpandedHitTestButton(type: .system)
     internal var listeners: NSHashTable<AnyObject> = NSHashTable.weakObjects()
 
     open override var delegate: UITextViewDelegate? {
@@ -78,6 +79,15 @@ open class MessageTextView: UITextView, UITextViewDelegate {
         }
     }
 
+    public var buttonTintColor: UIColor {
+        get { return trailingButton.tintColor }
+        set {
+            trailingButton.tintColor = newValue
+            trailingButton.setTitleColor(newValue, for: .normal)
+            trailingButton.imageView?.tintColor = newValue
+        }
+    }
+
     public override init(frame: CGRect, textContainer: NSTextContainer?) {
         super.init(frame: frame, textContainer: textContainer)
         commonInit()
@@ -108,6 +118,27 @@ open class MessageTextView: UITextView, UITextViewDelegate {
         set { placeholderLabel.textColor = newValue }
     }
 
+    public func setButton(title: String?) {
+        trailingButton.setTitle(title, for: .normal)
+        if #available(iOS 13.0, *) {
+            trailingButton.setTitleColor(.label, for: .normal)
+        } else {
+            trailingButton.setTitleColor(.black, for: .normal)
+        }
+        trailingButton.sizeToFit()
+        setNeedsLayout()
+    }
+
+    public func setButton(image: UIImage?) {
+        trailingButton.setImage(image, for: .normal)
+        trailingButton.sizeToFit()
+        setNeedsLayout()
+    }
+
+    public func addButton(target: Any, action: Selector) {
+        trailingButton.addTarget(target, action: action, for: .touchUpInside)
+    }
+
     // MARK: Overrides
 
     open override func layoutSubviews() {
@@ -120,6 +151,18 @@ open class MessageTextView: UITextView, UITextViewDelegate {
             width: placeholderSize.width,
             height: placeholderSize.height
         )
+
+        // adjust by bottom offset so content is flush w/ text view
+        let rightButtonSize = trailingButton.bounds.size
+        let rightButtonFrame = CGRect(
+            x: bounds.maxX - rightButtonSize.width - 8,
+            y: bounds.maxY - rightButtonSize.height - 8,
+            width: rightButtonSize.width,
+            height: rightButtonSize.height
+        )
+        trailingButton.frame = rightButtonFrame
+
+        textContainerInset.right = rightButtonFrame.width + 8
     }
 
     // MARK: Private API
@@ -134,6 +177,8 @@ open class MessageTextView: UITextView, UITextViewDelegate {
 
         defaultTextAttributes[NSAttributedString.Key.font] = defaultFont
         defaultTextAttributes[NSAttributedString.Key.foregroundColor] = defaultTextColor
+
+        addSubview(trailingButton)
     }
 
     internal func enumerateListeners(block: (MessageTextViewListener) -> Void) {

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"info" : {`
`3`		`- "version" : 1,`
`4`		`- "author" : "xcode"`
	`3`	`+ "author" : "xcode",`
	`4`	`+ "version" : 1`
`5`	`5`	`}`
`6`		`-}`
	`6`	`+}`